#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999
}

[aria-expanded="false"]>.link-collapse-active,
[aria-expanded="true"]>.link-collapse-default {
    display: none;
}

dl,
ol,
ul {
    padding: 0rem;
    margin: 0
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: "Microsoft YaHei"
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -webkit-transform .4s ease;
    -o-transition: left .4s ease, -o-transform .4s ease;
    -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    -moz-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    -moz-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: -webkit-calc(50% - 30px);
    top: -moz-calc(50% - 30px);
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%;
    display: block !important
}

.baguetteBox-button#previous-button {
    left: 2%;
    display: block !important
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: -webkit-calc(2% + 6px);
    right: -moz-calc(2% + 6px);
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

.zoomPad {
    position: relative;
    float: left;
    z-index: 99;
    cursor: crosshair
}

.zoomPreload {
    -moz-opacity: .8;
    opacity: .8;
    color: #333;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    text-decoration: none;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 8px;
    text-align: center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index: 110;
    width: 90px;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0
}

.zoomPup {
    overflow: hidden;
    background-color: #fff;
    -moz-opacity: .6;
    opacity: .6;
    z-index: 120;
    position: absolute;
    border: 1px solid #ccc;
    z-index: 101;
    cursor: crosshair
}

.zoomOverlay {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 5000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101
}

.zoomWindow {
    position: absolute;
    left: 110%;
    top: 40px;
    background: #fff;
    z-index: 6000;
    height: auto;
    z-index: 10000;
    z-index: 110
}

.zoomWrapper {
    position: relative;
    border: 1px solid #999;
    z-index: 110
}

.zoomWrapperTitle {
    display: block;
    background: #999;
    color: #fff;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120;
    -moz-opacity: .6;
    opacity: .6
}

.zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110
}

.zoomWrapperImage img {
    border: 0;
    display: block;
    position: absolute;
    z-index: 101
}

.zoomIframe {
    z-index: -1;
    -moz-opacity: .8;
    opacity: .8;
    position: absolute;
    display: block
}

.wap-hd-nav {
    padding: 0;
    display: none
}

h1,
h2,
h3 {
    font-weight: 400
}

.wap-nav {
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 999999999999999;
    cursor: pointer;
    position: fixed;
    top: -5px;
    right: 0;
    display: block
}

.wap-nav .nav {
    overflow: hidden;
    width: 300px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: auto
}

.wap-nav .nav span {
    font-family: "Microsoft YaHei"
}

.wap-nav .nav form {
    margin: 15px auto;
    width: 258px;
    height: 26px;
    border: 1px solid #fff
}

.wap-nav .nav form .iptc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    background-color: #fff;
    width: 80%;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left
}

.wap-nav .nav form .ipsc {
    width: 20%;
    height: 26px;
    line-height: 26px;
    display: block;
    float: right;
    background: #fff url(../images/sch2.png) no-repeat center center
}

.wap-nav .nav>ul {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    overflow: scroll;
    padding-top: 45px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wap-nav .nav>ul>li {
    line-height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    text-indent: 20px;
    position: relative
}

.wap-nav .addition {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(../images/shizi.png) no-repeat center center
}

.wap-nav .addition.active {
    background-image: url(../images/yizi.png)
}

.wap-nav .addition.fa:before {
    margin-right: 5px;
    color: #fff;
    text-indent: 0
}

.wap-nav .nav>ul>li>a {
    margin-right: 40px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    display: block
}

.wap-nav .nav>ul>li>a span {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.wap-nav .nav>ul>li .c-show {
    display: none;
    width: 100%
}

.wap-nav .nav>ul>li .c-show1 .c-s1 {
    position: relative;
    width: 50%;
}

.nav-language .c-s1 {
    float: left
}

.wap-nav .nav>ul>li .c-show1 .c-s1>a {
    position: relative;
    margin-right: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1>a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a {
    margin-right: 40px;
    text-indent: 35px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {
    margin-right: 40px;
    text-indent: 50px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>dl {
    padding: 20px
}

.wap-nav .nav>ul>dl dd {
    float: left;
    margin: 0 2px
}

.wap-nav .menubtn {
    width: 23px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 12px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 9999
}

.wap-nav .menubtn span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
    background-color: #1aa866
}

@media screen and (min-width:992px) {

    .menubtn,
    .wap-nav {
        display: none
    }
}

@media screen and (max-width:991px) {
    .wap-hd-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #1aa866
    }

    .wap-hd-nav-item {
        width: 25%
    }

    .wap-hd-nav-item a {
        display: block;
        padding: 5px 0;
        line-height: 20px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        background-color: #363636
    }

    .wap-hd-nav-item a.active {
        color: #fff;
        background-color: #1aa866
    }
}

.slide .carouse {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.slide .slideItem .banner-img {
    width: 100%
}

.slide .carouse .slideItem {
    width: 100%;
    position: absolute
}

.slide .console {
    height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%
}

.slide .dotList {
    text-align: center;
    margin-top: 20px
}

.slide .dotList ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-position: -12px 0;
    margin-left: 10px;
    cursor: pointer
}

.slide .dotList ul li.active {
    background-position: 0 0
}

.slide .carousel-control {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index: 999
}

.slide .carousel-control.left {
    left: 0;
    background-position: -38px 0;
    cursor: pointer
}

.slide .carousel-control.right {
    right: 0;
    background-position: -85px 0;
    cursor: pointer
}

.slide .slidedetail {
    display: none
}

.imgtoVideo img {
    width: 100%
}

.imgtoVideo>div {
    padding: 1px;
    position: relative;
    cursor: pointer;
    width: 49%;
    display: inline-block
}

.imgtoVideo>div:hover .imgtoVideoDetail {
    display: block
}

.imgtoVideo .imgtoVideoDetail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px;
    display: none
}

.imgtoVideo .imgtoVideoDetail>div {
    background: rgba(0, 98, 197, .8);
    width: 100%;
    height: 100%;
    text-align: center
}

.imgtoVideo .tovideo .imgtoVideoDetail {
    display: block
}

.imgtoVideo .tovideo .imgtoVideoDetail>div {
    background: #0c2d47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%
}

.imgtoVideo .imgtoVideoDetail .fa-search {
    color: #fff;
    font-size: 25px;
    margin-top: 21%
}

.contentIV {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73, .8);
    margin: 0 auto;
    z-index: -999;
    max-width: 1024px;
    display: none
}

#picturetoVideo .carouse .slideItem {
    display: table;
    height: 100%
}

#picturetoVideo .carouse .slideItem>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#picturetoVideo .carouse .slideItem .banner-img {
    max-width: 100%;
    width: auto
}

.closeContentIV {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    z-index: 999
}

* {
    margin: 0;
    padding: 0
}

html {
    font-size: 55.5%;
    height: 100%
}

body {
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.2
}

a {
    color: #333;
    text-decoration: none;
    outline: 0;
    tap-highlight-color: transparent;
    focus-ring-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    -moz-tap-highlight-color: transparent;
    -moz-focus-ring-color: transparent;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

li,
ol,
ul {
    list-style: none
}

img {
    max-width: 100%;
    border: 0 solid #ccc
}

embed,
table,
video {
    max-width: 100%
}

input,
textarea {
    border: none;
    background: 0 0;
    font-family: "Microsoft YaHei"
}

.red {
    color: red
}

input[type=submit],
textarea[type=submit] {
    cursor: pointer
}

input[type=checkbox],
textarea[type=checkbox] {
    cursor: pointer
}

input[type=radio],
textarea[type=radio] {
    cursor: pointer
}

input:focus,
textarea:focus {
    outline: 0
}

textarea {
    resize: none
}

button {
    border: none;
    background: 0 0;
    cursor: pointer
}

em,
i {
    font-style: normal
}

.c-fl {
    float: left
}

.c-fr {
    float: right
}

.c-cb {
    clear: both
}

.c-clearfix:after {
    content: "";
    display: block;
    clear: both
}

.c-pi {
    position: static !important
}

.c-mg {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto
}

.c-oh {
    overflow: hidden
}

.c-wd {
    width: 1500px
}

.c-tsn {
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.c-bbx {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.c-prl-5 {
    padding: 0 5px
}

.c-pr {
    position: relative
}

.c-mt-5 {
    margin-top: 5px
}

.c-mt-10 {
    margin-top: 10px
}

.c-mt-15 {
    margin-top: 15px
}

.c-mt-20 {
    margin-top: 20px
}

.c-mt-25 {
    margin-top: 25px
}

.c-mt-30 {
    margin-top: 30px
}

.c-mt-35 {
    margin-top: 35px
}

.c-mt-40 {
    margin-top: 40px
}

.c-mt-45 {
    margin-top: 45px
}

.c-mt-50 {
    margin-top: 50px
}

.c-nomt {
    margin-top: 0 !important
}

.c-nomr {
    margin-right: 0 !important
}

.c-nomb {
    margin-bottom: 0 !important
}

.c-noml {
    margin-left: 0 !important
}

.c-nomg {
    margin: 0 !important
}

.c-nopt {
    padding-top: 0 !important
}

.c-nopr {
    padding-right: 0 !important
}

.c-nopb {
    padding-bottom: 0 !important
}

.c-nopl {
    padding-left: 0 !important
}

.c-nopd {
    padding: 0 !important
}

.c-nofont {
    line-height: 0;
    font-size: 0
}

.c-nobg {
    background: 0 0 !important
}

.f-czjz {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.f-box {
    margin: 0 auto;
    max-width: 1500px;
    overflow: visible
}

@media screen and (max-width:1519px) {
    .f-box {
        width: 1200px
    }
}

@media screen and (min-width:992px) and (max-width:1219px) {
    .f-box {
        width: 990px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .f-box {
        width: 750px
    }
}

@media screen and (max-width:767px) {
    .f-box {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.m-desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px
}

.m-desc a {
    color: #1aa866
}

.m-desc a:hover {
    text-decoration: underline
}

.m-desc b,
.m-desc p,
.m-desc span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px
}

.m-desc img {
    max-width: 100%
}

.m-desc iframe {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.m-desc table {
    width: 90%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto
}

.m-desc table tr td {
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

.table table {
    width: 100%;
    border-collapse: collapse;
    line-height: 22px;
    border: 1px solid #ccc
}

.table table tr td {
    padding: 3px;
    height: 30px;
    border: 1px solid #ccc
}

@media screen and (max-width:991px) {
    .m-desc {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-desc b,
    .m-desc p,
    .m-desc span {
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-desc p {
        min-height: 10px
    }
}

@media screen and (max-width:991px) {
    .table {
        width: 100%;
        overflow: scroll
    }

    .table table {
        width: 991px
    }
}

@media screen and (max-width:991px) {
    .m-tt1 {
        font-size: 24px !important;
        font-size: 2.4rem !important
    }

    .m-tt2 {
        font-size: 20px !important;
        font-size: 2rem !important
    }

    .m-tt3 {
        font-size: 18px !important;
        font-size: 1.8rem !important
    }

    .m-desc1 {
        font-size: 16px !important;
        font-size: 1.6rem !important
    }

    .m-desc2 {
        font-size: 14px !important;
        font-size: 1.4rem !important
    }

    [class*="-item"] .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }

    [class*="-item"] .item-desc {
        font-size: 13px;
        font-size: 1.3rem
    }

    [class*="-item"] .item-link {
        font-size: 13px;
        font-size: 1.3rem
    }

    [class*="-item"] .item-modal {
        display: none
    }
}

[class*="-item"] .item-pic {
    position: relative;
    display: block;
    line-height: 0;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

[class*="-item"] .item-pic img {
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

[class*="-item"] .item-pic:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

[class*="-item"] .item-title {
    overflow: hidden
}

[class*="-item"] .item-title a:hover {
    color: #1aa866
}

[class*="-item"] .item-desc {
    overflow: hidden
}

[class*="-item"] .item-desc a {
    display: block
}

[class*="-item"] .item-desc a:hover {
    color: #1aa866
}

.m-crm {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666
}

.m-crm span {
    margin: 0 8px
}

.m-crm a {
    color: #666
}

.m-crm a:hover {
    color: #1aa866
}

.m-crm a.active {
    color: #1aa866
}

.m-oths {
    min-height: 77px;
    position: relative;
    margin-top: 54px;
    margin-left: auto;
    margin-right: auto;
    max-width: 774px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-oths .oths-item {
    position: relative;
    z-index: 2;
    padding: 20px 0;
    line-height: 36px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-oths .oths-item a {
    color: #595757
}

.m-oths .oths-item a:hover {
    color: #1aa866
}

.m-oths .oths-item-1 {
    float: left;
    margin-left: 48px
}

.m-oths .oths-item-2 {
    float: right;
    margin-right: 48px
}

.m-oths .oths-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 10px 80px;
    line-height: 56px;
    font-size: 50px;
    font-size: 5rem;
    color: #5a5a5a;
    text-align: center
}

.m-oths .oths-btn a {
    color: #5a5a5a
}

.m-oths .oths-btn a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-oths {
        min-height: 57px
    }

    .m-oths .oths-item {
        padding: 10px 0;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-oths .oths-item-1 {
        margin-left: 20px
    }

    .m-oths .oths-item-2 {
        margin-right: 20px
    }

    .m-oths .oths-btn {
        padding: 10px 5px;
        line-height: 36px;
        font-size: 24px;
        font-size: 2.4rem
    }
}

.m-page {
    margin-top: 90px;
    letter-spacing: 0;
    font-size: 0;
    text-align: right
}

.m-page a,
.m-page span {
    margin: 0 5px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 2rem;
    color: #000;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-page a:hover {
    color: #1aa866
}

.m-page a.active {
    color: #1aa866
}

.m-page2 {
    position: relative
}

@media screen and (max-width:991px) {
    .m-page {
        margin-top: 45px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-page a {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px
    }
}

.m-kf {
    position: fixed;
    z-index: 10;
    right: 0;
    top: 30%
}

.m-kf .iconfont {
    line-height: 53px;
    font-size: 3rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    display: block
}

.m-kf .kf-item {
    display: block;
    line-height: 0;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    background-color: #d8d8d8;
    width: 53px;
    height: 70px
}

.m-kf .kf-item1 {
    border-top-left-radius: 4px;
    background-color: #0077b5
}

.m-kf .kf-item22 {
    background-color: #4267b2
}

.m-kf .kf-item2 {
    background-color: #25d366
}

.m-kf .kf-item3 {
    background-color: #4267b2
}

.m-kf .kf-item4 {
    border-bottom-left-radius: 4px;
    background-color: #95d03a
}

.m-kf .kf-wx {
    position: absolute;
    display: none;
    bottom: 0;
    right: 53px;
    width: 160px
}

.m-kf .kf-item .wx-kf2 {
    position: absolute;
    display: none;
    bottom: 0;
    right: 53px;
    width: 160px
}

@media screen and (min-width:1900px) {
    .m-kf .kf-item .wx-kf2 {}

    .m-kf .kf-item:hover .wx-kf2 {
        display: none
    }
}

.m-kf .kf-item:hover .wx-kf2 {
    display: block
}

@media screen and (max-width:991px) {
    .m-kf {
        right: 0;
        top: auto;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        background-color: #1aa866
    }

    .m-kf .kf-item {
        width: 20%;
        text-align: center;
        background-color: #1aa866
    }

    .m-kf .kf-wx {
        bottom: 100%;
        left: 0
    }

    .m-kf .kf-item .wx-kf2,
    .m-kf .kf-item:hover .wx-kf2 {
        display: none
    }

    .g-ft {
        padding-bottom: 63px
    }
}

.returntop {
    position: fixed;
    z-index: 9;
    right: 6px;
    bottom: 30px;
    width: 1px;
    height: 1px;
    padding: 24px;
    background-color: #1aa866;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    display: none;
    color: #333;
    font-size: 3rem;
    background-color: #fff;
    box-shadow: rgb(122 122 122 / 40%) 0 0 15px;
    transition: .2s;
    opacity: .8
}

.returntop:hover {
    box-shadow: rgb(122 122 122 / 80%) 0 0 15px;
    color: #333;
    opacity: 1
}

.returntop .iconfont {
    top: -3px;
    right: 8px;
    position: relative
}

@media screen and (max-width:991px) {
    .returntop {
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        display: none !important
    }
}

.g-hd {
    position: relative;
    z-index: 9;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 5px 10px -5px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 10px -5px rgb(0 0 0 / 50%)
}

.m-hdfix1 {
    background-color: #eee;
    display: none
}

.m-hdfix1 .box-wp {
    padding: 20px 0
}

.m-hdtext {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden
}

.m-hdtext a {
    color: #666
}

.m-hdtext a:hover {
    color: #1aa866
}

.m-hdlang {
    float: right;
    margin-left: 20px;
    line-height: 0;
    font-size: 0
}

.m-hdlang .lang-btn {
    display: none
}

.m-hdlang .lang-item {
    float: left;
    display: block;
    margin-right: 7px;
    width: 40px
}

.m-hdlogo {
    float: left;
    display: block;
    line-height: 0;
    font-size: 0;
    padding-top: 55px
}

.m-hdlogo-sem {
    padding-top: 15px
}

.m-hdnav {
    float: right
}

.m-hdnav .nav-item {
    position: relative;
    float: left
}

.m-hdnav .nav-item>a {
    position: relative;
    display: block;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 68px;
    padding-bottom: 50px;
    height: 28px;
    line-height: 28px;
    font-size: 1.8rem
}

.m-hdnav-sem .nav-item>a {
    padding-top: 18px;
    padding-bottom: 20px;
}

.m-hdnav .nav-item>a .iconfont {
    font-size: 14px;
    font-size: 1.4rem
}

.m-hdnav .nav-item>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 4px;
    background: 0 0
}

.m-hdnav .nav-item>a:hover {
    color: #1aa866
}

.m-hdnav .nav-item>a:hover:before {
    background: #1aa866
}

.m-hdnav .nav-item>a.active {
    color: #1aa866
}

.m-hdnav .nav-item>a.active:before {
    background: #1aa866
}

.m-hdnav .nav-item>a.current {
    color: #1aa866
}

.m-hdnav .nav-item>a.current:before {
    background: #1aa866
}

.m-hdnav .hsbnav-list {
    position: absolute;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%);
    box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%)
}

.m-hdnav .hsbnav-list1 {
    top: 100%;
    left: 0;
    width: 190px
}

.m-hdnav .hsbnav-list2 {
    left: 100%;
    top: 0;
    width: 218px
}

.m-hdnav .hsbnav-item {
    position: relative
}

.m-hdnav .hsbnav-item a {
    display: block;
    padding: 5px 6px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    padding-left: 36px
}

.m-hdnav .hsbnav-item a:hover {
    color: #fff;
    background-color: #1aa866
}

.m-hdnav .hsbnav-item a.active {
    color: #fff;
    background-color: #1aa866
}

@media screen and (max-width:1519px) {
    .m-hdnav .nav-item>a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media screen and (max-width:1219px) {
    .m-hdnav .nav-item>a {
        padding-top: 48px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hdnav-sem .nav-item>a {
        padding-top: 18px;
    }

    .m-hdlogo {
        padding-bottom: 47px
    }

    .m-hdlogo-sem {
        padding-bottom: 17px
    }

    .m-hdlogo img {
        max-width: 200px
    }

    .m-hdtext {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media screen and (max-width:991px) {

    .m-hdnav,
    .m-hdtext {
        display: none
    }

    .m-hdfix1 {
        padding: 0;
        background: 0 0;
        height: 0
    }

    .m-hdlang {
        position: absolute;
        left: 5px;
        top: 5px
    }

    .m-hdlang .lang-item {
        float: none;
        margin-top: 10px;
        margin-right: 0
    }

    .m-hdlang .lang-item:first-child {
        margin-top: 0
    }

    .m-hdlang .lang-list {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #fff;
        padding: 5px 0;
        width: 100%;
        display: none
    }

    .m-hdlang .lang-btn {
        display: block
    }

    .m-hdlogo {
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center
    }
}

.wap-hd-nav {
    display: none
}

.wap-nav {
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 999999999999999;
    cursor: pointer;
    position: fixed;
    top: -5px;
    right: 0;
    display: block
}

.wap-nav .nav {
    overflow: hidden;
    width: 300px;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: auto
}

.wap-nav .nav span {
    font-family: "Microsoft YaHei"
}

.wap-nav .nav form {
    margin: 15px auto;
    width: 258px;
    height: 26px;
    border: 1px solid #fff
}

.wap-nav .nav form .iptc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    background-color: #fff;
    width: 80%;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left
}

.wap-nav .nav form .ipsc {
    width: 20%;
    height: 26px;
    line-height: 26px;
    display: block;
    float: right;
    background: #fff url(../images/sch2.png) no-repeat center center
}

.wap-nav .nav>ul {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    overflow: scroll;
    padding-top: 45px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wap-nav .nav>ul>li {
    line-height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    text-indent: 20px;
    position: relative
}

.wap-nav .addition {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(../images/shizi.png) no-repeat center center
}

.wap-nav .addition.active {
    background-image: url(../images/yizi.png)
}

.wap-nav .addition.fa:before {
    margin-right: 5px;
    color: #fff;
    text-indent: 0
}

.wap-nav .nav>ul>li>a {
    margin-right: 40px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    display: block
}

.wap-nav .nav>ul>li>a span {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.wap-nav .nav>ul>li .c-show {
    display: none;
    width: 100%
}

.wap-nav .nav>ul>li .c-show1 .c-s1 {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 991px) {
    .wap-nav .nav>ul>li .c-show1 .c-s1 {
        position: relative;
        width: 100%;
    }
}

.wap-nav .nav>ul>li .c-show1 .c-s1>a {
    position: relative;
    margin-right: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1>a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a {
    margin-right: 40px;
    text-indent: 35px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 {
    position: relative
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {
    margin-right: 40px;
    text-indent: 50px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px
}

.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

.wap-nav .nav>ul>dl {
    padding: 20px
}

.wap-nav .nav>ul>dl dd {
    float: left;
    margin: 0 2px
}

.wap-nav .menubtn {
    width: 23px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 12px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 9999
}

.wap-nav .menubtn span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
    background-color: #1aa866
}

@media screen and (min-width:992px) {

    .menubtn,
    .wap-nav {
        display: none
    }
}

@media screen and (max-width:991px) {
    .wap-hd-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #1aa866
    }

    .wap-hd-nav-item {
        width: 25%
    }

    .wap-hd-nav-item a {
        display: block;
        padding: 5px 0;
        line-height: 4rem;
        font-size: 1.8rem;
        color: #fff;
        text-align: center;
        background-color: #363636
    }

    .wap-hd-nav-item a.active {
        color: #fff;
        background-color: #1aa866
    }
}

.banner {
    position: relative;
    z-index: 2;
    line-height: 0;
    font-size: 0;
    overflow: 0;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.banner .box-video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: block \9\0
}

.banner .dotList {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 0;
    right: 0;
    margin-top: 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.banner .dotList ul li {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #1aa866
}

.banner .dotList ul li.active {
    background-color: #1aa866
}

.container1500 {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0
}

.banner .container1200 {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.container1200 {
    width: 1200px;
    margin: 0 auto
}

.banner .container1200 .blogo {
    float: left;
    height: 35px;
    margin-top: 30px
}

.banner .container1200 .title {
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #fff;
    margin-top: 116px
}

.banner .container1200 p.dis {
    text-align: left;
    font-size: 18px;
    font-family: PingFang SC;
    color: #fff;
    opacity: .9;
    margin-top: 34px
}

.banner .container1200 ul {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.banner .container1200 ul li {
    float: left;
    height: 19px;
    line-height: 19px;
    margin-right: 20px;
    background-size: 18px 18px;
    padding-left: 22px;
    color: #fff;
    font-size: 16px;
    padding-right: 1px
}

.banner .container1200 p.btn {
    width: 132px;
    height: 38px;
    border: 1px solid #fff;
    opacity: .8;
    border-radius: 4px;
    margin-top: 58px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer;
    color: #565ce2;
    background-color: #fff
}

.way {
    overflow: hidden;
    padding-bottom: 3rem
}

.way .titleCom {
    margin-top: 3rem
}

.titleCom {
    font-size: 2.5rem;
    font-weight: 400;
    text-align: center;
    color: #262626;
    position: relative
}

.titleCom:before {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #fa8c16;
    border-radius: 2px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.way ul {
    margin-top: 20px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.way ul li {
    width: 31%;
    padding: 0px 1%;
    text-align: center
}

.way ul li img {
    max-width: 100%
}

.way ul li .title_ {
    font-size: 1.8rem;
    text-align: center;
    margin: 23px auto 13px;
    font-weight: 600
}

.way ul li .dis {
    font-size: 1.6rem;
    line-height: 200%;
    color: #666;
    text-align: left;
    text-align: justify
}

.way .btn {
    width: 100%;
    max-width: 1000px;
    line-height: 6rem;
    background: #1aa866;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 50px auto 0;
    font-size: 16px;
    cursor: pointer;
    display: block
}

@media screen and (max-width:992px) {
    .way {
        padding-bottom: 0rem
    }

    .way ul {
        display: block;
        padding: 0 5%
    }

    .way ul li {
        width: 100%;
        max-width: 992px;
        max-height: auto;
        display: block
    }

    .way ul li .title_ {
        text-align: left;
        font-weight: 600
    }

    .way ul li .dis {
        text-align: left
    }
}

.btn {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.fnList {
    background: #f8f9fc;
    padding-bottom: 0px
}

.g-hform2 {
    background: #f8f9fc;
    padding-bottom: 50px
}

.m-proform {
    margin-top: 10px;
    padding-top: 6px
}

.fnList .titleCom {
    padding-top: 50px
}

.fnList .hd-desc {
    margin-top: 23px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
}

.titleCom {
    font-size: 34px;
    font-family: PingFang SC;
    font-weight: 400;
    text-align: center;
    color: #262626;
    position: relative
}

.titleCom:before {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #fa8c16;
    border-radius: 2px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.fnList .fnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 84px
}

.fnList .fnWrap .item {
    position: relative;
    width: 220px;
    height: 260px;
    -webkit-box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%);
    box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%);
    margin-bottom: 22px;
    background: #fff;
    padding: 32px 0px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fnList .fnWrap .item p .more {
    display: block;
    background: #fa8b15;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 5px auto 0
}

.fnList .fnWrap .item3 {
    position: relative;
    width: 320px;
    height: 360px
}

.fnList .fnWrap .item .shade {
    display: none
}

.fnList .fnWrap .item:hover .shade {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(72, 112, 255, .8)
}

.fnList {
    background: #f8f9fc;
    padding-bottom: 0px;
    padding-top: 30px;
    overflow: hidden
}

.fnList .btn {
    width: 228px;
    height: 46px;
    line-height: 46px;
    background: #fa8b15;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 73px auto 0;
    font-size: 16px;
    cursor: pointer
}

@media screen and (min-width:992px) {
    .amptruncate {
        max-height: 860px
    }
}

.fnList .titleCom {
    padding: 0rem
}

.titleCom {
    font-size: 3rem;
    line-height: 8rem;
    text-align: center;
    color: #262626;
    position: relative
}

.titleCom:before {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #fa8c16;
    border-radius: 2px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.fnList .fnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem
}

.container1200 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.fnList .fnWrap .item {
    position: relative;
    width: 280px;
    height: 320px;
    -webkit-box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%);
    box-shadow: 0 0 23px 1px rgb(27 31 40 / 6%);
    margin-bottom: 22px;
    background: #fff;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fnList .fnWrap .item .shade {
    display: none;
    font-size: 1.8rem
}

.fnList .fnWrap .item .title a {
    display: block;
    padding-bottom: 5px;
    height: 32px;
    text-align: center;
    font-size: 1.8rem;
}

@media screen and (max-width:992px) {
    .fnList .fnWrap .item {
        width: 49%;
        height: auto;
        padding: 0px;
    }

    .fnList .fnWrap .item .shade {
        display: block;
        text-align: center;
        line-height: 180%;
        padding: 0 5%
    }

    .fnList .fnWrap .item .shade a {
        color: #333;
    }
}

.fnList .fnWrap .item p .more {
    display: block;
    background: #1aa866;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 5px auto 0;
    line-height: 250%
}

.fnList .truncate {
    display: block;
    background: #fa8b15;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin: 5px auto 0;
    line-height: 6rem;
    width: 100%;
    max-width: 1000px
}

.fnList .fnWrap .item:hover .shade {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(72, 112, 255, .8)
}

.fnList .fnWrap .item:hover .shade p {
    width: 80%;
    padding: 10%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.fnList .fnWrap .item .title {
    font-size: 1.2rem;
    margin: 2rem 0;
    color: #262626;
    text-align: center
}

@media screen and (max-width:992px) {
    .fnList .fnWrap .item .title {
        padding: 0;
    }
}

.fnList .fnWrap .item img {
    height: auto
}

.g-hctus {
    margin-top: 51px
}

.m-hctus {
    position: relative;
    padding-right: 325px
}

.m-hctus .box-form {
    position: absolute;
    right: 0;
    top: 0;
    width: 314px;
    padding-right: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border-radius: 25px;
    border: solid 1px #9a9a9a
}

.m-hctus .box-form .form-btn,
.m-hctus .box-form .iconfont {
    position: absolute;
    right: 5px;
    top: 4px;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hctus .box-form .iconfont {
    line-height: 38px;
    font-size: 20px;
    font-size: 2rem;
    color: #9a9a9a;
    text-align: center;
    border: 1px solid #9a9a9a;
    border-radius: 50%
}

.m-hctus .form-text {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hctus .form-btn {
    z-index: 2
}

.m-hctus .box-info {
    float: left
}

.m-hctus .info-item {
    position: relative;
    float: left;
    margin-right: 70px;
    padding-left: 63px
}

.m-hctus .info-item .iconfont {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 42px;
    font-size: 4.2rem;
    color: #1aa866
}

.m-hctus .item-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700
}

.m-hctus .item-desc {
    margin-top: 5px;
    font-size: 16px;
    font-size: 1.6rem
}

.m-hctus .box-btn {
    text-transform: uppercase;
    float: left;
    width: 152px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    background-color: #1aa866;
    border-radius: 23px
}

.m-hctus .box-btn:hover {
    background-color: #333
}

@media screen and (max-width:1219px) {
    .m-hctus {
        padding-right: 280px
    }

    .m-hctus .box-form {
        width: 264px
    }

    .m-hctus .info-item {
        margin-right: 30px
    }
}

@media screen and (max-width:991px) {
    .g-hctus {
        margin-top: 30px
    }

    .m-hctus {
        padding-right: 0
    }

    .m-hctus .box-form {
        position: relative;
        right: auto;
        top: 0;
        margin-top: 30px
    }

    .m-hctus .box-form .form-btn,
    .m-hctus .box-form .iconfont {
        position: absolute;
        right: 5px;
        top: 4px;
        width: 30px;
        height: 30px
    }

    .m-hctus .box-form .iconfont {
        line-height: 28px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hctus .form-text {
        height: 38px;
        line-height: 38px
    }
}

@media screen and (max-width:767px) {
    .m-hctus .box-info {
        float: none
    }

    .m-hctus .info-item {
        margin: 10px
    }

    .m-hctus .info-item {
        padding-left: 50px
    }

    .m-hctus .box-btn {
        float: left;
        display: block;
        margin-top: 20px;
        width: 132px;
        font-size: 12px;
        font-size: 1.2rem;
        height: 40px;
        line-height: 40px
    }

    .m-hctus .c-cb {
        display: none
    }

    .m-hctus .box-form {
        float: right;
        margin-top: 20px;
        width: -webkit-calc(100% - 145px);
        width: -moz-calc(100% - 145px);
        width: calc(100% - 145px)
    }
}

.m-hhd {
    position: relative;
    padding-top: 21px;
    text-align: center
}

.m-hhd .hd-title {
    font-size: 40px;
    font-size: 4rem;
    text-align: center;
    color: #343434;
    font-family: "Microsoft YaHei"
}

.m-hhd .hd-title-w {
    color: #fff;
}

.fnList .hd-desc {
    margin-top: 23px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
}

.m-hhd .hd-desc-w {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 23px;
}

.m-hhd .hd-title a {
    color: #343434
}

.m-hhd .hd-title a:hover {
    color: #1aa866
}

.m-hhd .hd-desc {
    margin-top: 23px;
    font-size: 16px;
    font-size: 2rem
}

@media screen and (max-width:991px) {
    .m-hhd .hd-desc {
        margin-top: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.m-hhd:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 55px;
    height: 4px;
    background-color: #1aa866
}

.g-hpro {
    margin: 5rem 0 5rem
}

.g-hpro .box-hd {
    margin-bottom: 3rem
}

.m-hpro .box-tabhd {
    position: relative;
    margin-bottom: -20px;
    padding-bottom: 17px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-hpro .tabhd-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.33333%;
    margin-right: 1.33333%;
    margin-bottom: 20px;
    width: 17.73333%;
    line-height: 30px;
    padding: 8px 5px;
    font-size: 16px;
    font-size: 1.6rem;
    border: 1px solid #1aa866;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hpro .tabhd-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 55px;
    height: 4px
}

.m-hpro .tabhd-item.active {
    color: #fff;
    background-color: #1aa866
}

.m-hpro .tabhd-item.active:before {
    background-color: #1aa866
}

.m-hpro .box-tabbd {
    margin-top: 50px
}

.m-hpro .tabbd-item {
    display: none
}

.m-hpro .tabbd-item.show {
    display: block
}

.m-hpro .tbitem-wp {
    position: relative
}

.m-hpro .box-btn {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    line-height: 50px;
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    text-align: center;
    background-color: #1aa866;
    border-radius: 5px
}

.m-hpro .box-btn.prev {
    right: 100%;
    margin-right: 26px
}

.m-hpro .box-btn.next {
    left: 100%;
    margin-left: 26px
}

.m-hpro .box-btn:hover {
    background-color: #1aa866
}

.m-hpro .box-list {
    width: 1000%;
    overflow: hidden
}

.m-hpro .list-item {
    float: left;
    margin-right: .3%;
    width: 3.13333%;
    background-color: #eee
}

.list-item .list-item15 .m-hpro .list-item {
    background-color: none
}

.m-hpro .list-item15 {
    width: 1.5%
}

.m-hpro .list-item:hover .item-text:before {
    top: 0
}

.m-hpro .list-item:hover .item-title {
    color: #fff
}

.m-hpro .list-item:hover .item-title a {
    color: #fff
}

.m-hpro .list-item:hover .item-link {
    color: #1aa866;
    background-color: #fff
}

.m-hpro .item-text {
    position: relative;
    height: 140px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.m-hpro .list-item15 .item-text {
    height: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    font-size: 12px;
    line-height: 30px
}

.m-hpro .list-item15 .item-title {
    font-size: 1.5rem
}

.m-hpro .list-item15 .m-ftfix1 {
    padding-top: 0
}

.m-hpro .item-text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 100%;
    background-color: #1aa866;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-hpro .item-title {
    position: relative;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    font-size: 2.2rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-hpro .item-link {
    position: relative;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    background-color: #1aa866;
    border-radius: 50%
}

@media screen and (max-width:1660px) {
    .m-hpro .box-btn {
        z-index: 2
    }

    .m-hpro .box-btn.prev {
        right: auto;
        margin-right: 0;
        left: 0
    }

    .m-hpro .box-btn.next {
        left: auto;
        margin-left: 0;
        right: 0
    }
}

.g-hprosem {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 0
}

@media screen and (max-width:991px) {
    .m-hhd .hd-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .m-hhd .hd-desc {
        margin-top: 10px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .g-hprosem {
        margin-top: 30px
    }

    .g-hpro {
        margin-top: 30px
    }

    .g-hpro .box-hd {
        margin-bottom: 30px
    }

    .m-hpro .tabhd-item {
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hpro .box-tabbd {
        margin-top: 30px
    }

    .m-hpro .tbitem-wp {
        padding-bottom: 0
    }

    .m-hpro .box-btn {
        top: 10rem;
        bottom: 0;
        margin-top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-size: 1.8rem
    }

    .m-hpro .item-text {
        height: 80px;
        padding-top: 10px
    }

    .m-hpro .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hpro .item-link {
        margin-top: 5px
    }
}

@media screen and (max-width:640px) {
    .m-hpro .tabhd-item {
        width: 48%
    }

    .m-hpro .list-item {
        margin-right: .2%;
        width: 4.9%
    }
}

.g-habt {
    padding-top: 53px;
    padding-bottom: 98px;
    background-color: #f4f4f4
}

.m-habtb1 {
    padding-top: 33px
}

.m-habtb1 .box-img {
    position: relative;
    float: left;
    margin-left: 1.93333%;
    margin-right: 5.93333%;
    width: 43.06667%;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.m-habtb1 .box-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 3.4%;
    margin: 0 auto;
    width: 93.18885%;
    height: 93.18885%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed #fff;
    border-radius: 50%
}

.m-habtb1 .box-text {
    position: relative;
    margin-top: 0;
    padding-top: 33px;
    overflow: hidden
}

.m-habtb1 .box-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 4px;
    background-color: #1aa866
}

.m-habtb1 .box-name {
    font-size: 16px;
    font-size: 1.6rem;
    color: #1aa866
}

.m-habtb1 .box-name a {
    color: #1aa866
}

.m-habtb1 .box-title {
    margin-top: 13px;
    font-size: 40px;
    font-size: 4rem;
    font-family: "Microsoft YaHei";
    color: #343434
}

.m-habtb1 .box-title a {
    color: #343434;
    font-weight: 700
}

.m-habtb1 .box-title a:hover {
    color: #1aa866
}

.m-habtb1 .box-desc {
    margin-top: 15px;
    text-align: justify;
    display: block;
    line-height: 3.8rem;
    font-size: 2rem;
    overflow: hidden
}

.m-habtb1 .box-desc a {
    display: block;
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden
}

.m-habtb1 .box-desc p {
    min-height: 26px;
    margin: 1rem
}

.m-habtb1 .box-list {
    margin-top: 0;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden
}

.m-habtb1 .list-item {
    margin-right: 3.66848%;
    display: inline-block;
    vertical-align: top;
    width: 25.95109%;
    height: 191px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 23px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #d0d0d0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-habtb1 .item-icon {
    line-height: 0;
    font-size: 0;
    text-align: center
}

.m-habtb1 .item-title {
    margin-top: 24px;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: impact, "Microsoft YaHei"
}

.m-habtb1 .item-desc {
    margin-top: 16px;
    font-size: 16px;
    font-size: 1.6rem
}

.m-habtb2 {
    margin-top: 80px
}

.m-habtb2 .box-list {
    margin-bottom: -25px
}

.m-habtb2 .list-item {
    position: relative;
    padding-top: 55px;
    float: left;
    margin-right: 2.2%;
    margin-bottom: 25px;
    width: 23.26667%
}

.m-habtb2 .list-item.active .item-icon {
    background-color: #fff
}

.m-habtb2 .list-item.active .item-wp {
    color: #fff;
    background-color: #1aa866
}

.m-habtb2 .list-item.active .item-desc a,
.m-habtb2 .list-item.active .item-title a {
    color: #fff
}

.m-habtb2 .item-icon {
    position: absolute;
    top: 0;
    left: 18px;
    width: 104px;
    line-height: 0;
    font-size: 0;
    border-radius: 50%;
    background-color: #1aa866
}

.m-habtb2 .item-wp {
    padding-left: 31px;
    padding-right: 24px;
    padding-top: 68px;
    padding-bottom: 41px;
    border-radius: 10px;
    background-color: #fff
}

.m-habtb2 .item-title {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-habtb2 .item-desc {
    margin-top: 6px;
    text-align: justify
}

.m-habtb2 .item-desc a {
    display: block;
    height: 80px;
    line-height: 26px;
    font-size: 14px;
    font-size: 1.8rem;
    overflow: hidden;
    text-indent: 32px
}

@media screen and (min-width:1520px) {
    .m-habtb2 .list-item.active .item-icon {
        left: 220px
    }
}

@media screen and (min-width:1220px) and (max-width:1519px) {
    .m-habtb2 .list-item.active .item-icon {
        left: 165px
    }
}

@media screen and (max-width:1519px) {
    .g-habt {
        background: #f4f4f4
    }

    .m-habtb1 .box-img {
        margin-left: 0
    }

    .m-habtb1 .item-title {
        font-size: 20px;
        font-size: 2rem
    }

    .m-habtb1 .box-list {
        margin-top: 40px
    }

    .m-habtb1 .list-item {
        margin-right: 2%;
        width: 31%
    }
}

@media screen and (max-width:991px) {
    .g-habt {
        margin-top: 0;
        padding: 0 0 30px
    }

    .m-habtb2 .list-item {
        width: 100% !important
    }

    .m-habtb1 .box-img {
        float: none;
        width: 66.66667%;
        display: none
    }

    .m-habtb1 .box-fix {
        margin-top: 30px
    }

    .m-habtb1 .box-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .m-habtb1 .box-desc a {
        max-height: 120px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: justify
    }

    .m-habtb1 .box-desc p {
        min-height: 0
    }

    .m-habtb1 .box-list {
        margin-top: 30px
    }

    .m-habtb2 {
        margin-top: 30px
    }

    .m-habtb2 .item-icon {
        width: 0
    }

    .m-habtb2 .item-wp {
        padding: 2rem
    }

    .m-habtb2 .item-title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-habtb2 .item-desc a {
        font-size: 14px;
        font-size: 1.8rem;
        height: auto
    }

    .m-habtb2 .list-item {
        padding-top: 0
    }
}

@media screen and (max-width:640px) {
    .m-habtb2 .box-list {
        margin-bottom: -25px
    }

    .m-habtb2 .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        margin-bottom: 25px;
        width: 47%;
        display: inline-block;
        vertical-align: top;
        float: none;
        letter-spacing: 0
    }
}

@media screen and (max-width:375px) {
    .m-habtb2 .list-item {
        margin-left: 0;
        margin-right: 0 !important;
        width: 100%
    }

    .m-habtb1 .list-item {
        margin-right: 0;
        margin-top: 20px;
        width: 100%
    }

    .m-habtb1 .list-item:first-child {
        margin-top: 0
    }
}

.g-hblank {
    margin-top: 12px;
    background: url(../images/hbg2.jpg) no-repeat center top;
    background-attachment: fixed
}

.m-hblanktext {
    padding-top: 98px;
    padding-bottom: 77px;
    color: #fffefe
}

.m-hblanktext a {
    color: #fffefe
}

.m-hblanktext a:hover {
    color: #1aa866
}

.m-hblanktext .box-title {
    font-size: 36px;
    font-size: 3.6rem;
    font-family: "Microsoft YaHei";
    font-weight: 700
}

.m-hblanktext .box-desc {
    margin-top: 86px
}

.m-hblanktext .box-desc a {
    display: block;
    max-width: 750px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width:991px) {
    .m-hblanktext {
        padding: 30px 0
    }

    .m-hblanktext .box-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .m-hblanktext .box-desc {
        margin-top: 20px
    }

    .m-hblanktext .box-desc a {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.g-hfaq {
    position: relative;
    padding-top: 129px;
    padding-bottom: 9.94792%
}

.g-hfaq:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 27.34375%;
    padding-top: 20.72917%;
    background: url(../images/faqbg2.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.m-hfaq {
    padding-left: 45.66667%
}

.m-hfaq .box-title {
    position: relative;
    padding-top: 27px;
    font-size: 40px;
    font-size: 4rem;
    font-family: "Microsoft YaHei";
    text-transform: uppercase
}

.m-hfaq .box-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 4px;
    background-color: #1aa866
}

.m-hfaq .box-bd {
    position: relative;
    z-index: 2;
    margin-top: 64px;
    height: 385px;
    overflow: hidden
}

.m-hfaq .list-item {
    margin-bottom: 29px
}

.m-hfaq .item-desc,
.m-hfaq .item-title {
    position: relative;
    padding-left: 64px
}

.m-hfaq .item-desc a {
    text-indent: 32px
}

.m-hfaq .item-title {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    font-size: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-hfaq .item-title a {
    font-family: "Microsoft YaHei"
}

.m-hfaq .item-desc {
    margin-top: 12px;
    padding-top: 5px;
    height: 52px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden
}

.m-hfaq .item-num {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #1aa866
}

.m-hfaq .box-img {
    position: absolute;
    z-index: 1;
    left: 3.02083%;
    bottom: 0;
    line-height: 0;
    font-size: 0;
    width: 41.35417%
}

@media screen and (max-width:991px) {
    .g-hfaq {
        padding: 30px 0
    }

    .g-hfaq:before {
        display: none
    }

    .m-hfaq {
        padding-left: 0
    }

    .m-hfaq .box-img {
        position: relative;
        left: auto;
        float: none;
        width: 90%;
        text-align: center
    }

    .m-hfaq .box-bd {
        margin-top: 30px
    }

    .m-hfaq .box-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .m-hfaq .item-title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-hfaq .item-desc {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.g-hproj {
    padding-top: 110px;
    padding-bottom: 65px;
    background-size: 100% 100%;
    background-color: #1aa866;
    background: url(../images/indexsolutionbg.jpg) no-repeat center top;
}

.g-hproj .box-hd {
    margin-bottom: 61px
}

.g-hproj .box-hd .hd-title {
    color: #fff
}

.g-hproj .box-hd .hd-title a {
    color: #fff
}

.g-hproj .box-hd .hd-title a:hover {
    color: #ccc
}

.g-hproj .box-hd .hd-desc {
    margin-top: 23px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 400
}

.g-hproj .box-hd .hd-desc a {
    color: #fff
}

.g-hproj .box-hd .hd-desc a:hover {
    color: #ccc
}

.g-hproj .box-hd:before {
    background-color: #fff
}

.m-hproj .box-tabhd {
    position: relative;
    margin-bottom: -20px;
    padding-bottom: 17px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-hproj .tabhd-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.33333%;
    margin-right: 1.33333%;
    margin-bottom: 20px;
    width: 12%;
    line-height: 30px;
    padding: 8px 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #1aa866
}

.m-hproj .tabhd-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 55px;
    height: 4px
}

.m-hproj .tabhd-item.active:before {
    background-color: #fff
}

.m-hproj .box-tabbd {
    margin-top: 66px
}

.m-hproj .tabbd-item {
    display: none
}

.m-hproj .tabbd-item.show {
    display: block
}

.m-hproj .tbitem-wp {
    position: relative
}

.m-hproj .box-btn {
    position: absolute;
    top: 200px;
    width: 6rem;
    height: 6rem;
    line-height: 5.5rem;
    font-size: 3rem;
    font-size: 3rem;
    color: #1aa866;
    text-align: center;
    border-radius: 50%;
    z-index: 9999999;
    background-color: #fff
}

.m-hproj .box-btn.prev {
    left: -80px
}

.m-hproj .box-btn.next {
    right: -80px
}

.m-hproj .box-btn:hover {
    color: #1aa866;
    background-color: #fff
}

.m-hproj .box-list {
    padding-bottom: 15px;
    width: 1000%;
    overflow: hidden
}

.m-hproj .list-item {
    float: left;
    margin-right: .17333%;
    width: 2.36%;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 14px;
    padding-left: 24px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(51, 51, 51, .2);
    box-shadow: 5px 5px 10px 0 rgba(51, 51, 51, .2)
}

.m-hproj .item-title {
    margin-top: 24px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-hproj .item-desc {
    margin-top: 10px
}

.m-hproj .item-desc a {
    display: block;
    height: 72px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.8rem;
    overflow: hidden;
    text-align: center;
}

.m-hproj .item-link {
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 0px;
    display: block;
    width: 97px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    border-radius: 16px;
    background-color: #1aa866
}

.m-hproj .item-link:hover {
    background-color: #333
}

.m-hproj .proj-desc {
    margin-top: 58px;
    line-height: 36px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center
}

.m-hproj .proj-desc a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #00f9db;
    font-weight: 700
}

.m-hproj .proj-desc a:hover {
    color: #333
}

.pr-desc {
    margin-top: 58px;
    line-height: 36px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center
}

.pr-desc a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1aa866;
    font-weight: 700
}

.pr-desc a:hover {
    color: #333
}

@media screen and (max-width:1219px) {
    .m-hproj .box-btn.next {
        margin-right: 0
    }

    .m-hproj .box-btn.prev {
        margin-left: 0
    }

    .m-hproj .tabhd-item {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:991px) {
    .g-hproj {
        padding: 30px 0
    }

    .g-hproj .box-hd {
        margin-bottom: 30px
    }

    .m-hproj .tabhd-item {
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hproj .box-tabbd {
        margin-top: 30px
    }

    .m-hproj .tbitem-wp {
        padding-bottom: 0
    }

    .m-hproj .box-btn.prev {
        left: 10px
    }

    .m-hproj .box-btn.next {
        right: 10px
    }

    .m-hproj .box-btn {
        top: 10rem;
        bottom: 0;
        margin-top: 0;
        width: 40px;
        height: 40px;
        color: #fff;
        background-color: #1aa866;
        line-height: 40px;
        font-size: 18px;
        font-size: 1.8rem
    }

    .m-hproj .list-item {
        padding: 20px 15px
    }

    .m-hproj .item-title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-hproj .item-link {
        margin-top: 5px
    }

    .m-hproj .proj-desc {
        margin-top: 0;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hproj .proj-desc a {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media screen and (max-width:640px) {
    .m-hproj .tabhd-item {
        width: 48%
    }

    .m-hproj .list-item {
        margin-right: .2%;
        width: 4.9%
    }
}

@media screen and (max-width:375px) {
    .m-hproj .list-item {
        margin-right: 0;
        width: 10%
    }
}

.g-hnews {
    margin-top: 31px;
    padding-top: 81px;
    padding-bottom: 76px;
    background-color: #f4f4f4
}

.g-hnews .box-hd {
    margin-bottom: 67px
}

.g-hnews .hd-desc {
    margin-left: auto;
    margin-right: auto;
    max-width: 875px;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem
}

.m-hnews1 {
    float: left;
    margin-right: 8.53333%;
    width: 43.46667%
}

.m-hnews1 .box-list {
    width: 1000%;
    overflow: hidden
}

.m-hnews1 .list-item {
    position: relative;
    float: left;
    width: 10%;
    overflow: hidden
}

.m-hnews1 .item-time {
    position: absolute;
    left: 29px;
    top: 0;
    width: 94px;
    height: 71px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Microsoft YaHei";
    padding-top: 5px;
    background-color: #c10d23;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hnews1 .item-time span {
    display: block
}

.m-hnews1 .item-time:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    margin: 0 auto;
    width: 14px;
    height: 2px;
    background-color: #fff
}

.m-hnews1 .box-page {
    margin-top: 27px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-hnews1 .page-item {
    margin: 0 8px;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-color: #bfc3c6;
    border: 1px solid #fff;
    border-radius: 50%
}

.m-hnews1 .page-item.active {
    background-color: #1aa866
}

.m-hnews1 .box-title {
    margin-top: 32px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-hnews1 .box-desc {
    margin-top: 22px
}

.m-hnews1 .box-desc a {
    display: block;
    height: 72px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    text-indent: 32px
}

.m-hnews2 {
    overflow: hidden
}

.m-hnews2 .list-item {
    margin-top: 21px
}

.m-hnews2 .list-item:first-child {
    margin-top: 0
}

.m-hnews2 .item-wp {
    padding: 20px 0;
    border-bottom: 1px solid #666
}

.m-hnews2 .item-fix1 {
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-hnews2 .item-fix1:hover {
    color: #fff;
    background-color: #1aa866
}

.m-hnews2 .item-fix1:hover a {
    color: #fff
}

.m-hnews2 .item-fix1:hover .item-time {
    background-color: #1aa866;
    color: #fff
}

.m-hnews2 .item-fix2 {
    position: relative;
    float: left;
    margin-right: 56px;
    width: 218px
}

.m-hnews2 .item-time {
    position: absolute;
    left: 15px;
    top: 0;
    width: 52px;
    height: 40px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Microsoft YaHei";
    padding-top: 5px;
    background-color: #c10d23;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hnews2 .item-time span {
    display: block
}

.m-hnews2 .item-time:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0 auto;
    width: 7px;
    height: 1px;
    background-color: #fff
}

.m-hnews2 .item-text {
    padding-top: 12px
}

.m-hnews2 .item-title {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-hnews2 .item-desc {
    margin-top: 12px
}

.m-hnews2 .item-desc a {
    display: block;
    height: 72px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    text-indent: 32px
}

.m-hnews2 .item-link {
    margin-top: 11px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #848484
}

@media screen and (max-width:1219px) {
    .m-hnews2 .list-item {
        margin-top: 20px
    }

    .m-hnews2 .item-wp {
        padding-bottom: 20px
    }

    .m-hnews2 .item-fix2 {
        width: 165px;
        margin-right: 20px
    }

    .m-hnews2 .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-hnews2 .item-desc {
        margin-top: 10px
    }

    .m-hnews2 .item-desc a {
        height: 48px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:991px) {
    .g-hnews {
        padding: 30px 0
    }

    .g-hnews .box-hd {
        margin-bottom: 30px
    }
}

@media screen and (max-width:640px) {
    .m-hnews1 {
        float: none;
        margin-right: 0;
        width: 100%
    }

    .m-hnews2 {
        margin-top: 30px
    }
}

.g-hform {
    padding-top: 50px;
    padding-bottom: 50px
}

.g-hform .box-hd {
    margin-bottom: 37px
}

.m-hform {
    background: #1aa866;
    border-radius: 10px;
    padding-top: 37px;
    padding-bottom: 51px;
    margin: 0 auto;
    max-width: 1360px
}

.m-hform .box-form {
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-hform .form-item {
    display: inline-block;
    vertical-align: top
}

.m-hform .form-item1 {
    position: relative;
    padding-left: 34px;
    width: 37.94118%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hform .form-item2 {
    margin-left: 32px;
    width: 158px
}

.m-hform .form-text {
    width: 100%;
    height: 50px;
    padding-left: 41px;
    padding-right: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    background-color: #fff
}

.m-hform .form-text::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.m-hform .form-text:-moz-placeholder {
    color: #666;
    opacity: 1
}

.m-hform .form-text::-moz-placeholder {
    color: #666;
    opacity: 1
}

.m-hform .form-text:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.m-hform .iconfont {
    position: absolute;
    left: 47px;
    line-height: 50px;
    font-size: 20px;
    font-size: 2rem;
    color: #1aa866
}

.m-hform .form-btn {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1aa866;
    border-radius: 5px;
    background-color: #fff
}

@media screen and (max-width:991px) {
    .g-hform {
        padding: 30px 0
    }

    .g-hform .box-form {
        margin: 0 auto;
        width: 96%
    }

    .g-hform .box-hd {
        margin-bottom: 30px
    }

    .g-hform .form-item1 {
        width: 50%
    }

    .g-hform .form-item2 {
        margin-top: 15px;
        margin-left: 0;
        width: 100%
    }

    .m-hform .form-item1 {
        padding-left: 0
    }

    .m-hform .iconfont {
        left: 17px
    }
}

@media screen and (max-width:480px) {
    .m-hform .form-item1 {
        margin-top: 15px;
        width: 100%
    }

    .m-hform .form-item1:first-child {
        margin-top: 0
    }
}

.g-ft {
    background-color: #131313
}

.m-ftfix1 {
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #131313
}

.m-ftfix1 a,
.m-ftfix1 button {
    color: #999
}

.m-ftfix1 a:hover {
    color: #fff
}

.m-ftfix1 .box-fix1 {
    padding-bottom: 33px;
    line-height: 0;
    font-size: 0;
    text-align: center;
    border-bottom: 1px solid #a6a6a6;
    border-color: rgba(166, 166, 166, .3)
}

.m-ftfix1 .box-fix2 {
    padding-top: 50px
}

.m-ftlogo {
    display: inline-block
}

.m-ftb {
    position: relative;
    float: left;
    padding-left: 59px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-ftb:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 53px;
    background-color: #c3c3c3
}

.m-ftb1 {
    margin-right: 8%;
    width: 28.33333%
}

.m-ftb2 {
    margin-right: 21px;
    padding-left: 13px;
    width: 36%
}

.m-ftb3 {
    float: none;
    overflow: hidden
}

.m-ftt {
    margin-bottom: 28px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "Microsoft YaHei";
    color: #cbcbcb;
    text-transform: uppercase
}

.m-ftt a {
    color: #cbcbcb
}

.m-ftt a:hover {
    color: #fff
}

.m-fabt .box-desc {
    line-height: 22px;
    max-height: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    text-indent: 32px;
    padding-bottom: 20px
}

.m-fabt .box-video {
    position: relative;
    margin-top: 28px;
    line-height: 0;
    font-size: 0;
    max-width: 335px;
    padding-top: 47.12329%;
    overflow: hidden
}

.m-fabt .box-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.m-ftinfo .info-item {
    position: relative;
    padding-left: 0;
    line-height: 36px
}

.m-ftinfo .iconfont {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    font-size: 24px;
    font-size: 2.4rem
}

.m-ftinfo .info-bd {
    margin-top: 12px;
    margin-bottom: 12px;
    max-width: 427px;
    height: 1px;
    background-color: #5a5d5f
}

.m-ftinfo .fixed {
    position: relative;
    padding-left: 56px
}

.m-ftinfo .fixed span {
    position: absolute;
    left: 0
}

.m-ftnav {
    overflow: hidden
}

.m-ftnav .nav-item {
    float: left;
    width: 50%;
    line-height: 38px
}

.m-ftform {
    position: relative;
    margin-top: 20px;
    padding-right: 122px
}

.m-ftform .form-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background-color: #949494;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-ftform .form-text::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.m-ftform .form-text:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.m-ftform .form-text::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.m-ftform .form-text:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.m-ftform .form-btn,
.m-ftform .iconfont {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 122px;
    height: 40px;
    line-height: 40px
}

.m-ftform .iconfont {
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    background-color: #1aa866
}

.m-ftform .form-btn {
    z-index: 2
}

.m-ftfix2 {
    padding-top: 21px;
    padding-bottom: 13px;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999
}

.m-ftfix2 a {
    color: #999
}

.m-ftfix2 a:hover {
    color: #fff
}

.m-ftfix2 .box-fix1 {
    overflow: hidden
}

.m-ftfix2 .box-fix2 {
    margin-top: 0
}

.m-ftshare {
    float: left;
    width: 100%;
    padding-left: 510px;
    padding-right: 360px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-ftshare .share-item {
    margin: 0 6px;
    width: 38px;
    display: inline-block;
    vertical-align: top
}

.m-ftshare .share-item:hover {
    margin-top: -5px
}

.m-fttext1 {
    float: left
}

.m-fttext2 {
    float: left;
    margin-left: -350px;
    width: 350px
}

.m-fttext2 img {
    vertical-align: middle
}

.m-ftlnk {
    overflow: hidden
}

.m-ftlnk .list-item {
    float: left;
    margin-right: 30px
}

@media screen and (max-width:1219px) {
    .m-ftinfo .fixed {
        padding-left: 0
    }

    .m-ftinfo .fixed span {
        position: relative
    }

    .m-ftb1 {
        margin-right: 10%;
        width: 45%
    }

    .m-ftb2 {
        margin-right: 0;
        width: 45%
    }

    .m-ftshare {
        padding: 0
    }

    .m-fttext1,
    .m-fttext2 {
        float: none;
        margin: 15px 0;
        margin-left: 0;
        width: auto;
        display: inline-block
    }

    .m-ftb3 {
        clear: both;
        padding-top: 40px
    }
}

@media screen and (max-width:991px) {
    .m-ftfix1 {
        display: none
    }

    .m-ftfix2 {
        padding: 1rem 0
    }

    .m-ftfix2 .box-fix1 {
        text-align: center
    }

    .m-ftfix2 .box-fix2 {
        display: none
    }

    .m-fttext1,
    .m-fttext2 {
        width: 100%;
        text-align: center
    }
}

.g-wp {
    padding-top: 96px;
    padding-bottom: 94px
}

@media screen and (max-width:991px) {
    .g-wp {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.m-projl {
    margin-bottom: -86px
}

.m-projl .list-item {
    float: left;
    margin-right: 2.6%;
    margin-bottom: 86px;
    width: 31.6%
}

.m-projl .item-pic {
    border: 1px solid #959595
}

.m-projl .item-title {
    margin-top: 14px;
    height: 27px;
    line-height: 27px;
    font-size: 17px;
    font-size: 1.7rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

.m-projl .item-title a {
    color: #000
}

.m-projl .item-title a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-projl {
        margin-bottom: -30px
    }

    .m-projl .list-item {
        margin-bottom: 30px
    }

    .m-projl .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:480px) {
    .m-projl .list-item {
        width: 48%;
        margin-left: 1%;
        margin-right: 1% !important
    }
}

.m-pagehd {
    position: relative;
    margin-bottom: 33px;
    padding-right: 235px;
    padding-bottom: 34px;
    border-bottom: 1px solid #949494
}

.m-pagehd .box-fix2 {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:991px) {
    .m-pagehd {
        margin-bottom: 30px;
        padding-bottom: 25px;
        padding-right: 0
    }

    .m-pagehd .box-fix2 {
        position: relative;
        margin-top: 20px
    }
}

.m-nsch {
    position: relative;
    padding-right: 28px;
    width: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d6d5d5;
    border-radius: 10px
}

.m-nsch .form-btn,
.m-nsch .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 32px
}

.m-nsch .form-btn {
    z-index: 2
}

.m-nsch .iconfont {
    line-height: 32px;
    font-size: 20px;
    font-size: 2rem;
    color: #151515
}

.m-nsch .form-text {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-prob1 {
    margin-bottom: 72px
}

.m-prob1 .prob-pic {
    margin-right: 25px;
    width: 752px
}

.m-prob1 .prob-pic-big {
    position: relative;
    float: left;
    width: 550px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-prob1 .prob-pic-big .img {
    border: 1px solid #999
}

.m-prob1 .prob-pic-big-img {
    display: block;
    line-height: 0;
    font-size: 0
}

.m-prob1 .prob-pic-big-img .zoomPad {
    float: none;
    z-index: 8
}

.m-prob1 .zoomWrapperImage img {
    max-width: 1200px
}

.m-prob1 .prob-pic-small {
    position: relative;
    float: right;
    width: 172px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.m-prob1 .prob-pic-btn {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 28px;
    line-height: 28px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.m-prob1 .prob-pic-btn.prev {
    top: 0
}

.m-prob1 .prob-pic-btn.next {
    bottom: 0
}

.m-prob1 .prob-pic-btn:hover {
    background-color: #1aa866
}

.m-prob1 .prob-pic-list {
    height: 400px;
    overflow: hidden
}

.m-prob1 .prob-pic-list ul {
    height: 1000%;
    overflow: hidden
}

.m-prob1 .prob-pic-list ul li {
    margin-bottom: 11px;
    border: 1px solid #ccc
}

.m-prob1 .prob-pic-item .item-pic {
    position: relative
}

.m-prob1 .prob-pic-item .item-pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .4)
}

.m-prob1 .prob-pic-item .item-pic:hover:before {
    background-color: transparent
}

.m-prob1 .prob-pic-item .item-pic.active:before {
    background-color: transparent
}

.m-prob1 .prob-info {
    overflow: hidden
}

.m-prob1 .prob-title {
    position: relative;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    font-weight: 400;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-prob1 .prob-link {
    margin-top: 46px;
    overflow: hidden
}

.m-prob1 .prob-link a {
    float: left;
    display: block;
    width: 165px;
    height: 55px;
    line-height: 54px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #1aa866;
    margin: 2rem;
    border-radius: 5px;
}

.m-prob1 .prob-link a:hover {
    color: #fff;
    background-color: #333
}

.m-prob1 .prob-share {
    margin-top: 15px
}

.m-prob1 .prob-desc {
    padding-top: 26px;
    padding-bottom: 63px;
    line-height: 29px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    font-family: "Microsoft YaHei", "PingFang Regular";
    color: #595757;
    border-bottom: 1px solid #b5b5b5
}

.m-prob1 .prob-desc p {
    min-height: 20px;
    text-indent: 32px
}

.m-proshare .share-font {
    float: left;
    margin-right: 10px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333
}

.m-proshare .share-img {
    float: left;
    height: 26px
}

@media screen and (max-width:1219px) {
    .m-prob1 .prob-pic {
        float: none;
        margin: 0 auto
    }

    .m-prob1 .prob-info {
        padding-top: 0;
        float: none;
        margin-top: 30px;
        width: 100%;
        height: auto
    }

    .m-prob1 .prob-desc {
        margin-top: 0
    }

    .m-prob1 .prob-share {
        margin-top: 25px
    }

    .m-prob1 .prob-link {
        margin-top: 20px
    }

    .m-prob1 .prob-link a {
        width: 100px !important;
        margin: 5px;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.8rem
    }
}

@media screen and (max-width:1219px) {
    .zoomPad {
        cursor: default !important
    }

    .zoomPup {
        display: none !important
    }

    .zoomWindow {
        display: none !important
    }

    .zoomPreload {
        display: none !important
    }
}

@media screen and (max-width:991px) {
    .m-prob1 {
        margin-bottom: 30px
    }

    .m-prob1 .prob-pic {
        display: none
    }

    .m-prob1 .prob-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .m-prob1 .prob-desc {
        padding: 15px 0;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-prob1 .prob-desc strong {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-prob1 .prob-desc p {
        min-height: 10px
    }

    .m-prob1 .prob-share {
        margin-top: 20px
    }

    .m-prob1 .prob-link {
        margin-top: 20px
    }

    .m-prob1 .prob-link a {
        width: 110px !important;
        height: 36px;
        line-height: 34px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.m-propic {
    display: none
}

@media screen and (max-width:991px) {
    .m-propic {
        position: relative;
        padding-left: 35px;
        padding-right: 35px;
        display: block;
        overflow: hidden
    }

    .m-propic .box-btn {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        font-size: 1.6rem;
        color: #1aa866;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .m-propic .box-btn.prev {
        left: 0
    }

    .m-propic .box-btn.next {
        right: 0
    }

    .m-propic .box-bd {
        overflow: hidden
    }

    .m-propic .box-list {
        width: 1000%;
        overflow: hidden
    }

    .m-propic .list-item {
        float: left;
        margin-right: .2%;
        width: 3.2%
    }

    .m-propic .item-pic {
        border: 1px solid #1aa866
    }
}

@media screen and (max-width:480px) {
    .m-propic .list-item {
        width: 10%
    }
}

.m-prob2 {
    border: 1px solid #eaeaea
}

.m-prob2 .box-tabhd {
    font-size: 0;
    letter-spacing: 0;
    background-color: #dcdddd
}

.m-prob2 .tabhd-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    line-height: 30px;
    padding: 15px 5px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #000;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-prob2 .tabhd-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 1px;
    height: 40px;
    background-color: #5f5d5d;
    background-color: rgba(95, 93, 93, .51)
}

.m-prob2 .tabhd-item.active {
    color: #fff;
    background-color: #1aa866
}

.m-prob2 .tabhd-item.active:before {
    background-color: #1aa866
}

.m-prob2 .tabhd-item:first-child:before {
    display: none
}

.m-prob2 .box-tabbd {
    padding: 20px 15px 50px
}

.m-prob2 .tabbd-item {
    display: none
}

.m-prob2 .tabbd-item.show {
    display: block
}

.m-prodesc p {
    min-height: 36px;
    text-indent: 0
}

.m-projlst1 {
    margin-bottom: -25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1330px
}

.m-projlst1 .list-item {
    float: left;
    margin-right: 7.89474%;
    margin-bottom: 25px;
    width: 45.93985%
}

.m-projvideo {
    position: relative;
    padding-top: 472px;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.m-projvideo iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1219px) {
    .m-prob2 .tabhd-item {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:991px) {
    .m-prob2 .box-tabhd {
        overflow-x: scroll
    }

    .m-prob2 .tabhd-wp {
        width: 900px
    }

    .m-prob2 .tabhd-item {
        width: 25%;
        padding: 5px 5px
    }

    .m-prob2 .box-tabbd {
        padding: 30px 15px
    }
}

.m-proform {
    margin-top: 62px;
    background-color: #1aa866;
    padding-left: 61px;
    padding-right: 54px;
    padding-top: 36px;
    padding-bottom: 14px
}

.m-proform .title {
    color: #fff;
    text-align: center;
    font-size: 3rem;
    padding: 4rem 0
}

@media screen and (max-width:991px) {
    .m-proform .title {
        color: #fff;
        text-align: center;
        font-size: 2rem;
        padding: 3rem 0
    }
}

.m-proform .form-item1 {
    margin-bottom: 2rem;
    width: 48%
}

.m-proform .form-item2 {
    margin-bottom: 9px;
    width: 100%
}

.m-proform .form-text1 {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 11px 16px
}

.m-proform .form-text1::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-size: 2rem
}

.m-proform .form-text1:-moz-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-text1::-moz-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-text1:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-text2 {
    width: 100%;
    height: 12rem;
    line-height: 3rem;
    font-size: 2rem;
    color: #333;
    padding: 11px 16px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.m-proform .form-text2::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-size: 2rem
}

.m-proform .form-text2:-moz-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-text2::-moz-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-text2:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.m-proform .form-btn {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.8rem;
    color: #333;
    background-color: #fff;
    border-radius: 5px;
    margin: 5px 0
}

@media screen and (max-width:991px) {
    .m-proform .form-item1 {
        width: 100%
    }

    .m-proform {
        margin-top: 30px;
        padding: 25px 15px
    }

    .m-proform .form-text {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.m-mpro {
    margin-top: 74px
}

.m-mpro .box-title {
    padding-bottom: 13px;
    line-height: 31px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #595757;
    border-bottom: 1px solid #949494
}

.m-mpro .box-title a {
    color: #595757
}

.m-mpro .box-title a:hover {
    color: #1aa866
}

.m-mpro .box-list {
    margin-top: 33px;
    margin-bottom: -25px
}

.m-mpro .list-item {
    float: left;
    margin-right: 3.26667%;
    margin-bottom: 25px;
    width: 31.06667%
}

.m-mpro .item-pic {
    border: 1px solid #ccc;
    border-color: rgba(114, 113, 113, .5)
}

.m-mpro .item-title {
    margin-top: 18px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    font-family: "Microsoft YaHei", "PingFang Regular";
    color: #000;
    text-overflow: ellipsis
}

.m-mpro .item-title a {
    color: #000
}

.m-mpro .item-title a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-mpro {
        margin-top: 30px
    }

    .m-mpro .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:375px) {
    .m-mpro .list-item {
        margin-right: 0;
        width: 100%
    }
}

.m-protext1 {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000
}

.m-protext2 {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333
}

.m-protext2 b,
.m-protext2 p,
.m-protext2 span {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem
}

.c-color1 {
    background-color: #f3f4f9
}

.m-videolst {
    margin-bottom: -73px
}

.m-videolst .list-item {
    float: left;
    margin-right: 2.4%;
    margin-bottom: 73px;
    width: 30.93333%;
    background-color: #fff;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-videolst .list-item:hover {
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .5)
}

.m-videolst .item-top {
    position: relative;
    overflow: hidden
}

.m-videolst .item-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../images/videoicon.png) no-repeat center
}

.m-videolst .item-title {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #595757
}

.m-videolst .item-title a {
    color: #595757
}

.m-videolst .item-title a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-videolst {
        margin-bottom: -30px
    }

    .m-videolst .list-item {
        margin-bottom: 30px
    }

    .m-videolst .item-title {
        padding: 5px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:480px) {
    .m-videolst .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 48%
    }
}

.m-zz {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    display: none
}

.m-videomodal {
    position: fixed;
    left: 0;
    right: 0;
    top: 10%;
    margin: 0 auto;
    z-index: 99;
    display: none;
    width: 80%;
    height: 80%;
    border: 30px solid #fff;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-videomodal .box-close {
    position: absolute;
    left: 100%;
    bottom: 100%;
    font-size: 20px;
    font-size: 2rem
}

.m-videomodal .box-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.m-videomodal .box-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.m-newsscroll {
    margin-bottom: 59px
}

.m-newsscroll .box-list {
    width: 1000%;
    overflow: hidden
}

.m-newsscroll .list-item {
    float: left;
    width: 10%;
    overflow: hidden
}

.m-newsscroll .item-pic {
    float: left;
    margin-right: 3.53333%;
    width: 750px
}

.m-newsscroll .item-text {
    padding-top: 32px;
    overflow: hidden
}

.m-newsscroll .item-time {
    line-height: 38px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #9fa0a0
}

.m-newsscroll .item-time .iconfont {
    margin-right: 8px;
    font-size: 38px;
    font-size: 3.8rem;
    vertical-align: middle
}

.m-newsscroll .item-title {
    margin-top: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #595757;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-newsscroll .item-desc {
    margin-top: 16px
}

.m-newsscroll .item-desc a {
    display: block;
    max-height: 216px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    overflow: hidden
}

.m-newsscroll .item-desc a:hover {
    color: #1aa866
}

.m-newsscroll .item-desc p {
    min-height: 24px
}

.m-newsscroll .box-page {
    margin-top: 61px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-newsscroll .page-item {
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    background-color: #c9caca;
    border-radius: 50%
}

.m-newsscroll .page-item.active {
    background-color: #1aa866
}

@media screen and (max-width:1219px) {
    .m-newsscroll .item-pic {
        width: 600px
    }

    .m-newsscroll .item-text {
        padding-top: 10px
    }
}

@media screen and (max-width:991px) {
    .m-newsscroll {
        margin-bottom: 30px
    }

    .m-newsscroll .item-pic {
        float: none;
        margin-right: 0;
        width: 100%
    }

    .m-newsscroll .item-title {
        margin-top: 10px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-newsscroll .item-desc {
        margin-top: 10px
    }

    .m-newsscroll .item-desc a {
        max-height: 96px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-newsscroll .item-desc p {
        min-height: 0
    }

    .m-newsscroll .box-page {
        margin-top: 20px
    }

    .m-newsscroll .page-item {
        margin: 0 5px;
        width: 15px;
        height: 15px
    }
}

.m-newsl {
    margin-bottom: -67px
}

.m-newsl .list-item {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    margin-right: 3%;
    margin-bottom: 67px;
    width: 30.333333%;
    border: solid 1px #c9caca;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-newsl .list-item:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.m-newsl .item-text {
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 25px;
    padding-bottom: 24px;
    overflow: hidden
}

.m-newsl .item-time {
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Microsoft YaHei";
    color: #9fa0a0
}

.m-newsl .item-time .iconfont {
    margin-right: 8px;
    font-size: 30px;
    font-size: 3rem;
    vertical-align: middle
}

.m-newsl .item-title {
    margin-top: 8px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    color: #595757;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-newsl .item-title a {
    color: #595757
}

.m-newsl .item-title a:hover {
    color: #1aa866
}

.m-newsl .item-desc {
    margin-top: 3px;
    text-indent: 28px
}

.m-newsl .item-desc a {
    display: block;
    line-height: 23px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #595757;
    overflow: hidden
}

.m-newsl .item-desc a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-newsl {
        margin-bottom: -30px
    }

    .m-newsl .list-item {
        margin-bottom: 30px
    }

    .m-newsl .item-text {
        padding: 15px
    }

    .m-newsl .item-title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-newsl .item-time {
        line-height: 20px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-newsl .item-time .iconfont {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media screen and (max-width:512px) {
    .m-newsl .list-item {
        margin-left: 1%;
        margin-right: 1% !important
    }
}

@media screen and (max-width:480px) {
    .m-newsl .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 47%
    }

    .m-newsl .list-item:first-child {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.m-news {
    padding-top: 28px;
    padding-bottom: 114px;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797
}

.m-news .box-title {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    font-weight: 400;
    color: #595757
}

.m-news .box-time {
    margin-top: 12px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #9fa0a0;
    text-align: center
}

.m-news .box-desc {
    margin-top: 49px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    font-family: "Microsoft YaHei", "PingFang Regular"
}

.m-news .box-desc b,
.m-news .box-desc p,
.m-news .box-desc span {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem
}

.m-news .box-desc p {
    text-indent: 32px
}

@media screen and (max-width:991px) {
    .m-news {
        padding: 30px 0
    }
}

.m-ihtnews {
    margin-bottom: 70px
}

.m-ihtnews .item-pic {
    float: left;
    margin-right: 7.26667%;
    width: 569px
}

.m-ihtnews .item-text {
    padding-top: 16px;
    overflow: hidden
}

.m-ihtnews .item-time {
    line-height: 38px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #9fa0a0
}

.m-ihtnews .item-time .iconfont {
    margin-right: 8px;
    font-size: 38px;
    font-size: 3.8rem;
    vertical-align: middle
}

.m-ihtnews .item-title {
    margin-top: 20px;
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #595757;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-ihtnews .item-desc {
    margin-top: 14px
}

.m-ihtnews .item-desc a {
    display: block;
    max-height: 120px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    overflow: hidden
}

.m-ihtnews .item-desc a:hover {
    color: #1aa866
}

.m-ihtnews .item-link {
    margin-top: 26px
}

.m-ihtnews .item-link a {
    display: block;
    width: 123px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background-color: #1aa866
}

.m-ihtnews .item-link a:hover {
    background-color: #333
}

@media screen and (max-width:991px) {
    .m-ihtnews {
        margin-bottom: 30px
    }

    .m-ihtnews .item-pic {
        float: none;
        margin-right: 0;
        width: 100%
    }

    .m-ihtnews .item-title {
        margin-top: 10px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-ihtnews .item-desc {
        margin-top: 10px
    }

    .m-ihtnews .item-desc a {
        max-height: 96px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-ihtnews .item-desc p {
        min-height: 0
    }
}

.m-inewsl .list-item {
    padding-top: 42px;
    padding-bottom: 35px;
    border-top: 1px solid #c3c4c7
}

.m-inewsl .item-pic {
    float: right;
    margin-left: 5.46667%;
    width: 263px
}

.m-inewsl .item-text {
    overflow: hidden
}

.m-inewsl .item-time {
    line-height: 24px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #9fa0a0
}

.m-inewsl .item-title {
    margin-top: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #595757;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-inewsl .item-desc {
    margin-top: 14px
}

.m-inewsl .item-desc a {
    display: block;
    max-height: 72px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    overflow: hidden;
}

.m-inewsl .item-desc a:hover {
    color: #1aa866
}

@media screen and (max-width:991px) {
    .m-inewsl .item-title {
        margin-top: 10px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-inewsl .item-desc {
        margin-top: 10px
    }

    .m-inewsl .item-desc a {
        max-height: 96px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-inewsl .item-desc p {
        min-height: 0
    }
}

@media screen and (max-width:640px) {
    .m-inewsl .item-pic {
        float: none;
        margin-left: 0;
        width: 100%;
        max-width: 263px
    }

    .m-inewsl .item-text {
        padding-top: 15px
    }
}

.m-faq {
    margin-bottom: -48px;
    font-size: 0;
    letter-spacing: 0
}

.m-faq .list-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 2.66667%;
    margin-bottom: 48px;
    width: 47.3%;
    border: 1px solid #979797;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-faq .item-hd {
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 19px;
    padding-right: 90px;
    cursor: pointer
}

.m-faq .item-hd:hover .item-title {
    color: #1aa866
}

.m-faq .item-hd:hover .item-icon {
    background-image: url(../images/faqicon2.png);
    border-color: #1aa866
}

.m-faq .item-hd.active .item-title {
    color: #1aa866
}

.m-faq .item-hd.active .item-icon {
    background-image: url(../images/faqicon2.png);
    border-color: #1aa866
}

.m-faq .item-title {
    padding: 10px 0;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-faq .item-icon {
    position: absolute;
    right: 34px;
    top: 24px;
    width: 50px;
    height: 50px;
    border: 4px solid #949494;
    border-radius: 50%;
    background: url(../images/faqicon1.png) no-repeat center;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-faq .item-bd {
    border-top: 1px solid #949494;
    padding-left: 16px;
    padding-right: 25px;
    padding-top: 27px;
    padding-bottom: 23px;
    display: none
}

.m-faq .item-desc {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    text-indent: 32px
}

@media screen and (max-width:991px) {
    .m-faq {
        margin-bottom: -30px
    }

    .m-faq .list-item {
        margin-bottom: 30px
    }

    .m-faq .item-hd {
        padding: 15px 50px 15px 15px
    }

    .m-faq .item-icon {
        top: 15px;
        right: 10px;
        width: 30px;
        height: 30px;
        border-width: 1px;
        -webkit-background-size: 15px 15px;
        background-size: 15px
    }

    .m-faq .item-title {
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-faq .item-desc {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:640px) {
    .m-faq .list-item {
        margin-right: 0;
        width: 100%
    }
}

.m-ctusform {
    float: left;
    margin-right: 11.33333%;
    width: 50%
}

.m-ctusform .box-title {
    margin-bottom: 23px;
    font-size: 29px;
    font-size: 2.9rem;
    font-family: "Microsoft YaHei"
}

.m-ctusform .form-item1 {
    margin-bottom: 20px;
    width: 44.53333%
}

.m-ctusform .form-item2 {
    margin-bottom: 20px;
    width: 100%
}

.m-ctusform .form-text {
    width: 100%;
    height: 50px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #949494
}

.m-ctusform .form-text::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1
}

.m-ctusform .form-text:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.m-ctusform .form-text::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.m-ctusform .form-text:-ms-input-placeholder {
    color: #ccc;
    opacity: 1
}

.m-ctusform .form-text2 {
    height: 165px
}

.m-ctusform .form-btn {
    width: 134px;
    height: 52px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    background-color: #1aa866
}

@media screen and (max-width:991px) {
    .m-ctusform {
        display: none;
        float: none;
        margin-right: 0;
        width: 100%
    }

    .m-ctusform .box-form {
        margin-bottom: -20px
    }

    .m-ctusform .form-item {
        margin-bottom: 20px
    }

    .m-ctusform .form-text1 {
        height: 38px;
        line-height: 36px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-ctusform .form-text2 {
        height: 152px
    }
}

.m-ctusinfo {
    overflow: hidden
}

.m-ctusinfo .box-item {
    margin-top: 42px
}

.m-ctusinfo .box-item:first-child {
    margin-top: 0
}

.m-ctusinfo .bitem-title {
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #949494;
    font-size: 28px;
    font-size: 2.8rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-ctusinfo .bitem-bd {
    line-height: 28px;
    font-size: 17px;
    font-size: 1.7rem;
    color: #595757
}

.m-ctusinfo a {
    color: #595757
}

.m-ctusinfo a:hover {
    color: #1aa866
}

.m-ctusinfo .fixed {
    position: relative;
    padding-left: 60px
}

.m-ctusinfo .fixed span {
    position: absolute;
    left: 0
}

.m-ctusshare {
    font-size: 0;
    letter-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-ctusshare .share-item {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top
}

.m-ctusshare .share-wx {
    position: relative
}

.m-ctusshare .wx-img {
    position: absolute;
    left: 0;
    top: 100%;
    width: 150px;
    max-width: 150px;
    z-index: 3;
    display: none
}

.m-ctusshare .share-item:hover {
    margin-top: -5px
}

.m-ctusmap {
    margin-top: 58px;
    border: solid 1px #979797
}

@media screen and (max-width:991px) {
    .m-ctusinfo {
        margin-top: 30px
    }

    .m-ctusinfo .box-item {
        margin-top: 25px
    }

    .m-ctusinfo .bitem-bd {
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-ctusmap {
        margin-top: 35px
    }
}

.m-abtb1 .box-item {
    background-color: #fff
}

.m-abtb1 .bitem-pic {
    width: 50%;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.m-abtb1 .bitem-pic img {
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-abtb1 .bitem-pic:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.m-abtb1 .bitem-fix {
    padding-top: 55px;
    padding-bottom: 30px;
    overflow: hidden
}

.m-abtb1 .bitem-fix1 {
    padding-left: 2.76042%;
    padding-right: 11.71875%
}

.m-abtb1 .bitem-fix2 {
    padding-left: 12.29167%;
    padding-right: 2.13542%
}

.m-abtb1 .bitem-title {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-abtb1 .bitem-desc {
    margin-top: 17px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757
}

.m-abtb1 .bitem-desc b,
.m-abtb1 .bitem-desc p,
.m-abtb1 .bitem-desc span {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem
}

.m-abtb1 .bitem-desc p {
    min-height: 24px;
    text-indent: 32px
}

@media screen and (max-width:1800px) {
    .m-abtb1 .bitem-fix {
        padding-top: 15px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:991px) {
    .m-abtb1 .bitem-pic {
        float: none;
        width: 100%
    }

    .m-abtb1 .bitem-fix {
        padding: 25px 15px
    }
}

.m-abtb2 {
    margin-top: 88px
}

.m-abtb2 .box-list {
    margin-bottom: -25px
}

.m-abtb2 .list-item {
    position: relative;
    padding-top: 67px;
    float: left;
    margin-right: 2.2%;
    margin-bottom: 25px;
    width: 23.26667%
}

.m-abtb2 .list-item.active .item-icon {
    background-color: #fff
}

.m-abtb2 .list-item.active .item-wp {
    color: #fff;
    background-color: #1aa866
}

.m-abtb2 .list-item.active .item-desc,
.m-abtb2 .list-item.active .item-title {
    color: #fff
}

.m-abtb2 .item-icon {
    position: absolute;
    top: 0;
    left: 18px;
    width: 117px;
    line-height: 0;
    font-size: 0;
    border-radius: 50%;
    background-color: #1aa866;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-abtb2 .item-wp {
    padding-left: 23px;
    padding-right: 37px;
    padding-top: 68px;
    padding-bottom: 15px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.m-abtb2 .item-title {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-abtb2 .item-desc {
    margin-top: 12px;
    height: 154px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
    text-indent: 28px
}

@media screen and (min-width:1520px) {
    .m-abtb2 .list-item.active .item-icon {
        left: 210px
    }
}

@media screen and (min-width:1220px) and (max-width:1519px) {
    .m-abtb2 .list-item.active .item-icon {
        left: 155px
    }
}

@media screen and (max-width:991px) {
    .m-abtb2 {
        margin-top: 30px
    }

    .m-abtb2 .list-item {
        padding-top: 57px
    }

    .m-abtb2 .item-icon {
        width: 80px
    }

    .m-abtb2 .item-wp {
        padding: 30px 20px 20px
    }

    .m-abtb2 .item-title {
        font-size: 16px;
        font-size: 1.6rem
    }

    .m-abtb2 .item-desc a {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:640px) {
    .m-abtb2 .box-list {
        margin-bottom: -25px
    }

    .m-abtb2 .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        margin-bottom: 25px;
        width: 48%
    }
}

@media screen and (max-width:375px) {
    .m-abtb2 .list-item {
        margin-left: 0;
        margin-right: 0 !important;
        width: 100%
    }
}

.m-ourteam {
    margin-top: 71px
}

.m-ourteam .box-title {
    margin-bottom: 55px;
    padding-bottom: 8px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #595757;
    font-family: "Microsoft YaHei";
    border-bottom: 1px solid #bcbcbf
}

.m-ourteam .box-title a {
    color: #595757
}

.m-ourteam .box-title a:hover {
    color: #1aa866
}

.m-ourteam .box-list {
    width: 1000%;
    overflow: hidden
}

.m-ourteam .list-wp {
    float: left;
    width: 10%;
    overflow: hidden
}

.m-ourteam .list-item {
    position: relative;
    float: left;
    margin-right: 3.46667%;
    width: 30.93333%;
    overflow: hidden;
    border: solid 1px #c9caca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-ourteam .item-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 29px;
    padding-bottom: 18px;
    padding-left: 38px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #1b1b1b;
    background-color: rgba(27, 27, 27, .8);
    color: #f3f4f9
}

.m-ourteam .item-title {
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-ourteam .item-desc {
    margin-top: 11px;
    height: 35px;
    line-height: 35px;
    font-size: 25px;
    font-size: 2.5rem;
    overflow: hidden
}

.m-ourteam .box-page {
    margin-top: 71px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-ourteam .page-item {
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    background-color: #c9caca;
    border-radius: 50%
}

.m-ourteam .page-item.active {
    background-color: #1aa866
}

@media screen and (max-width:991px) {
    .m-ourteam {
        margin-top: 30px
    }

    .m-ourteam .box-title {
        margin-bottom: 30px
    }

    .m-ourteam .item-text {
        padding: 15px
    }

    .m-ourteam .item-desc,
    .m-ourteam .item-title {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-ourteam .box-page {
        margin-top: 30px
    }
}

@media screen and (max-width:480px) {
    .m-ourteam .list-item {
        width: 100%;
        margin-right: 0;
        margin-top: 20px
    }

    .m-ourteam .list-item:first-child {
        margin-top: 0
    }
}

.m-history {
    padding-top: 59px;
    border-top: 1px solid #bcbcbf
}

.m-history .box-ft,
.m-history .box-info,
.m-history .box-title {
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #595757
}

.m-history .box-title {
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "Microsoft YaHei"
}

.m-history .box-info {
    margin-top: 18px;
    font-size: 21px;
    font-size: 2.1rem
}

.m-history .box-ft {
    font-size: 33px;
    font-size: 3.3rem
}

.m-history .box-bd {
    position: relative;
    margin-top: 12px;
    padding-top: 128px;
    padding-bottom: 128px
}

.m-history .box-bd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #959595
}

.m-history .box-bd:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 29px;
    height: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #949494;
    border-radius: 50%;
    background-color: #f3f4f9;
    z-index: 2
}

.m-history .list-item {
    margin-top: 115px;
    overflow: hidden
}

.m-history .list-item .item-wp {
    position: relative;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-history .list-item .item-wp:before {
    content: "";
    position: absolute;
    top: 0;
    width: 29px;
    height: 29px;
    background: url(../images/yearicon1.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.m-history .list-item .item-pic {
    width: 242px
}

.m-history .list-item .item-text {
    overflow: hidden
}

.m-history .list-item .item-title {
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-history .list-item .item-desc {
    margin-top: 9px;
    line-height: 30px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #595757;
    text-indent: 36px
}

.m-history .list-item:first-child {
    margin-top: 0
}

.m-history .list-item1 .item-wp {
    float: left
}

.m-history .list-item1 .item-wp:before {
    right: -15px
}

.m-history .list-item1 .item-pic {
    float: left;
    margin-right: 7.6%
}

.m-history .list-item1 .item-text {
    text-align: right;
    padding-right: 6.4%
}

.m-history .list-item2 .item-wp {
    float: right
}

.m-history .list-item2 .item-wp:before {
    left: -15px
}

.m-history .list-item2 .item-pic {
    float: right;
    margin-left: 7.6%
}

.m-history .list-item2 .item-text {
    text-align: left;
    padding-left: 6.4%
}

@media screen and (max-width:1219px) {
    .m-history .list-item .item-pic {
        float: none;
        width: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .m-history .list-item .item-text {
        padding-top: 15px
    }

    .m-history .list-item1 .item-pic {
        padding-right: 6.4%;
        text-align: right
    }

    .m-history .list-item2 .item-pic {
        padding-left: 6.4%;
        text-align: left
    }
}

@media screen and (max-width:991px) {
    .m-history {
        padding-top: 30px
    }

    .m-history .box-bd {
        padding: 30px 0
    }

    .m-history .box-bd:after,
    .m-history .box-bd:before {
        display: none
    }

    .m-history .list-item {
        margin-top: 30px
    }

    .m-history .list-item .item-wp {
        float: none;
        width: 100%
    }

    .m-history .list-item .item-wp:before {
        display: none
    }

    .m-history .list-item .item-pic,
    .m-history .list-item .item-text {
        text-align: left;
        padding: 0
    }

    .m-history .list-item .item-text {
        margin-top: 15px
    }
}

.m-entlst {
    padding-top: 59px;
    padding-bottom: 95px;
    background-color: #e6e6e6
}

.m-entlst .box-list {
    margin-bottom: -25px
}

.m-entlst .list-item {
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
    width: 32%
}

.m-entlst .item-pic {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 11px
}

.m-entlst .item-text {
    padding: 42px 0;
    background: #fff
}

.m-entlst .item-title {
    height: 43px;
    line-height: 43px;
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #595757;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-entlst .item-desc {
    margin-top: 10px;
    height: 52px;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #595757;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width:991px) {
    .m-entlst {
        padding: 30px 0
    }

    .m-entlst .item-title {
        font-size: 18px;
        font-size: 1.8rem
    }

    .m-entlst .item-desc {
        margin-top: 5px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:428px) {
    .m-entlst {
        padding: 30px 0
    }

    .m-entlst .list-item {
        margin-right: 0;
        width: 100%
    }
}

.m-mctus {
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 169px;
    padding-bottom: 102px
}

.m-mctus .box-title {
    line-height: 66px;
    font-size: 30px;
    font-size: 3rem;
    font-family: "Microsoft YaHei";
    text-align: center
}

.m-mctus .box-link {
    margin-top: 42px;
    text-align: center
}

.m-mctus .box-link a {
    display: inline-block;
    width: 168px;
    height: 62px;
    line-height: 62px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    background-color: #1aa866
}

.m-mctus .box-link a:hover {
    color: #fff;
    background-color: #333
}

.m-mctus2 {
    padding-top: 107px;
    padding-bottom: 55px;
    background: #ebf4fc
}

.m-mctus2 .box-link a {
    color: #1aa866;
    background-color: #fff
}

@media screen and (max-width:991px) {
    .m-mctus {
        padding: 30px 0
    }

    .m-mctus .box-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 36px
    }

    .m-mctus .box-link {
        margin-top: 30px
    }

    .m-mctus .box-link a {
        width: 100px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.m-cert {
    padding-top: 62px;
    margin-bottom: -57px;
    border-top: 1px solid #bcbcbf
}

.m-cert .list-item {
    float: left;
    margin-right: 3.06667%;
    margin-bottom: 57px;
    width: 22.66667%
}

.m-cert .item-pic {
    background-color: #fff;
    border: solid 1px #c9caca
}

.m-cert .item-title {
    margin-top: 14px;
    height: 27px;
    line-height: 27px;
    font-size: 17px;
    font-size: 1.7rem;
    -webkit-columns: #595757;
    -moz-columns: #595757;
    columns: #595757;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:991px) {
    .m-cert {
        padding-top: 30px;
        margin-bottom: -30px
    }

    .m-cert .list-item {
        margin-bottom: 30px
    }

    .m-cert .item-title {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:480px) {
    .m-cert .list-item {
        margin-left: 1%;
        margin-right: 1% !important;
        width: 48%
    }
}

@-webkit-keyframes imgScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes imgScale {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes imgScale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.m-servb {
    padding-top: 113px;
    padding-bottom: 187px
}

.m-servb .box-item {
    overflow: hidden
}

.m-servb .item-pic {
    width: 50%
}

.m-servb .item-pic .sno {
    font-size: 45rem;
    font-weight: 700;
    font-style: italic;
    color: #eee;
    text-shadow: 5px 5px 5px #ccc;
    display: block;
    height: 343px;
    line-height: 343px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width:991px) {
    .m-servb .item-pic {
        display: none
    }
}

.m-servb .item-pic img {
    -webkit-animation: imgScale 20s;
    -moz-animation: imgScale 20s;
    animation: imgScale 20s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.m-servb .item-text {
    padding-top: 30px
}

.m-servb .item-title {
    position: relative;
    padding-top: 49px;
    font-size: 28px;
    font-size: 2.8rem;
    font-family: "Microsoft YaHei";
    color: #000
}

.m-servb .item-title:before {
    content: "";
    position: absolute;
    top: 0;
    width: 95px;
    height: 10px;
    background-color: #1aa866
}

.m-servb .item-desc {
    margin-top: 51px;
    line-height: 24px;
    font-size: 17px;
    font-size: 1.7rem;
    color: #595757;
    overflow: inherit
}

.m-servb .item-desc p {
    min-height: 24px;
    text-indent: 32px
}

.m-servb1 {
    background-color: #ebf4fc
}

.m-servb1 .item-pic {
    float: right;
    margin-left: 2.66667%
}

.m-servb1 .item-text {
    padding-top: 13px
}

.m-servb1 .item-text:before {
    left: 0
}

.m-servb2 .item-pic {
    float: left;
    margin-right: 8%
}

.m-servb2 .item-text:before {
    left: 0
}

@media screen and (max-width:991px) {
    .m-servb {
        padding: 30px 0
    }

    .m-servb .item-pic {
        float: none;
        margin: 0;
        width: 100%
    }

    .m-servb .item-text {
        padding-top: 30px
    }

    .m-servb .item-title {
        font-size: 20px;
        font-size: 2rem
    }

    .m-servb .item-desc {
        margin-top: 15px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-servb .item-desc p {
        min-height: 10px
    }
}

.m-fmodal {
    position: fixed;
    display: none;
    z-index: 99;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -240px;
    color: #fff;
    width: 96%;
    max-width: 800px;
    background-color: #525252;
    background-color: rgba(22, 22, 22, .9)
}

.m-fmodal .box-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    cursor: pointer
}

.m-fmodal .box-close .iconfont {
    color: #fff
}

.m-fmodal .box-close:hover {
    color: #1aa866
}

.m-fmodal .box-wp {
    padding-top: 22px;
    padding-bottom: 22px;
    margin: 0 auto;
    width: 90%;
    max-width: 750px
}

.m-fmodal .box-title {
    margin-bottom: 28px;
    font-size: 29px;
    font-size: 2.9rem;
    color: #fff;
    text-align: center
}

.m-fmodal .form-item1 {
    margin-bottom: 25px;
    width: 44.53333%
}

.m-fmodal .form-item2 {
    margin-bottom: 25px;
    width: 100%
}

.m-fmodal .form-item3 {
    width: 100%
}

.m-fmodal .form-text {
    width: 100%;
    height: 50px;
    line-height: 3rem;
    padding: 0 10px;
    font-size: 2rem;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #949494;
    background-color: #fff
}

.m-fmodal .form-text::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-size: 2rem
}

.m-fmodal .form-text:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.m-fmodal .form-text::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.m-fmodal .form-text:-ms-input-placeholder {
    color: #ccc;
    opacity: 1
}

.m-fmodal .form-text2 {
    height: 120px
}

.m-fmodal .form-btn {
    margin: 0 auto;
    display: block;
    width: 134px;
    height: 52px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    background-color: #1aa866
}

@media screen and (max-width:1900px) {
    .m-fmodal {
        margin-top: -300px
    }

    .m-fmodal .form-item {
        margin-bottom: 25px
    }

    .m-fmodal .form-text2 {
        height: 176px
    }
}

@media screen and (max-width:992px) {
    .m-fmodal .form-item1 {
        width: 100%
    }
}

@media screen and (max-width:1000px) {
    .m-fmodal {
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .m-fmodal .box-wp {
        padding: 20px 0
    }

    .m-fmodal .form-item {
        margin-bottom: 20px
    }

    .m-fmodal .form-text1 {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-fmodal .form-text2 {
        height: 150px;
        line-height: 30px
    }
}

.m-entimgshow {
    padding-top: 46px;
    padding-bottom: 49px;
    border-top: 1px solid #bcbcbf
}

.m-entimgshow .box-title {
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #595757
}

.m-entimgshow .box-info {
    margin-top: 12px;
    font-size: 21px;
    font-size: 2.1rem;
    color: #595757;
    text-align: center
}

.m-entimgshow .box {
    margin-top: 20px;
    width: 100%;
    position: relative
}

.m-entimgshow .list {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative
}

.m-entimgshow .btn {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    line-height: 46px;
    font-size: 16px;
    color: #888;
    text-decoration: none;
    text-align: center;
    border: 1px solid #888;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.m-entimgshow .next {
    right: 13px
}

.m-entimgshow .prev {
    left: 13px
}

.m-entimgshow li {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.m-entimgshow img {
    width: 1200px;
    height: 600px;
    border: none;
    float: left
}

.m-entimgshow .img {
    width: 1200px;
    height: 600px;
    border: none;
    float: left;
    background: #337ab7;
    line-height: 600px;
    text-align: center;
    color: #fff;
    font-size: 6.5rem
}

.m-entimgshow .buttons {
    position: relative;
    margin-top: 35px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-entimgshow .buttons a {
    margin: 0 10px;
    display: inline-block
}

.m-entimgshow span {
    display: block;
    width: 19px;
    height: 19px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #c9caca
}

.m-entimgshow .blue {
    background: #1aa866
}

.m-entimgshow .p3 {
    -webkit-transform: translate3d(-125px, 0, 0) scale(.6);
    -moz-transform: translate3d(-125px, 0, 0) scale(.6);
    transform: translate3d(-125px, 0, 0) scale(.6)
}

.m-entimgshow .p4 {
    -webkit-transform: translate3d(0, 0, 0) scale(.6);
    -moz-transform: translate3d(0, 0, 0) scale(.6);
    transform: translate3d(0, 0, 0) scale(.6);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: .3;
    z-index: 2
}

.m-entimgshow .p1 {
    -webkit-transform: translate3d(151px, 0, 0) scale(1);
    -moz-transform: translate3d(151px, 0, 0) scale(1);
    transform: translate3d(151px, 0, 0) scale(1);
    z-index: 3;
    opacity: 1
}

.m-entimgshow .p2 {
    -webkit-transform: translate3d(805px, 0, 0) scale(.6);
    -moz-transform: translate3d(805px, 0, 0) scale(.6);
    transform: translate3d(805px, 0, 0) scale(.6);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: .3;
    z-index: 2
}

.m-entimgshow .box-list {
    margin-bottom: -25px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    display: none
}

.m-entimgshow .list-item {
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: top;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%
}

.m-entimgshow .item-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #595757
}

.m-entimgshow .item-info {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #595757;
    text-align: center
}

.m-entimgshow .item-pic {
    margin-top: 15px
}

.m-entimgshow .item-pic img {
    width: 100%;
    height: auto
}

@media screen and (max-width:1519px) {
    .m-entimgshow .list {
        width: 100%;
        height: 480px;
        overflow: hidden;
        position: relative
    }

    .m-entimgshow img {
        width: 960px;
        height: 480px;
        border: none;
        float: left
    }

    .m-entimgshow .p3 {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        -moz-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    .m-entimgshow .p4 {
        -webkit-transform: translate3d(0, 0, 0) scale(.6);
        -moz-transform: translate3d(0, 0, 0) scale(.6);
        transform: translate3d(0, 0, 0) scale(.6);
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: .3;
        z-index: 2
    }

    .m-entimgshow .p1 {
        -webkit-transform: translate3d(120px, 0, 0) scale(1);
        -moz-transform: translate3d(120px, 0, 0) scale(1);
        transform: translate3d(120px, 0, 0) scale(1);
        z-index: 3;
        opacity: 1
    }

    .m-entimgshow .p2 {
        -webkit-transform: translate3d(644px, 0, 0) scale(.6);
        -moz-transform: translate3d(644px, 0, 0) scale(.6);
        transform: translate3d(644px, 0, 0) scale(.6);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: .3;
        z-index: 2
    }
}

@media screen and (max-width:1219px) {
    .m-entimgshow .list {
        width: 100%;
        height: 388px;
        overflow: hidden;
        position: relative
    }

    .m-entimgshow img {
        width: 777px;
        height: 388px;
        border: none;
        float: left
    }

    .m-entimgshow .p3 {
        -webkit-transform: translate3d(-81px, 0, 0) scale(.6);
        -moz-transform: translate3d(-81px, 0, 0) scale(.6);
        transform: translate3d(-81px, 0, 0) scale(.6)
    }

    .m-entimgshow .p4 {
        -webkit-transform: translate3d(0, 0, 0) scale(.6);
        -moz-transform: translate3d(0, 0, 0) scale(.6);
        transform: translate3d(0, 0, 0) scale(.6);
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: .3;
        z-index: 2
    }

    .m-entimgshow .p1 {
        -webkit-transform: translate3d(97.2px, 0, 0) scale(1);
        -moz-transform: translate3d(97.2px, 0, 0) scale(1);
        transform: translate3d(97.2px, 0, 0) scale(1);
        z-index: 3;
        opacity: 1
    }

    .m-entimgshow .p2 {
        -webkit-transform: translate3d(521px, 0, 0) scale(.6);
        -moz-transform: translate3d(521px, 0, 0) scale(.6);
        transform: translate3d(521px, 0, 0) scale(.6);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        -o-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: .3;
        z-index: 2
    }
}

@media screen and (max-width:991px) {

    .m-entimgshow .box,
    .m-entimgshow .box-hd {
        display: none
    }

    .m-entimgshow .box-list {
        display: block
    }
}

@media screen and (max-width:375px) {
    .m-entimgshow .list-item {
        margin-right: 0;
        width: 100%
    }
}

.m-nicon {
    margin-bottom: 79px
}

.m-nicon .list-item {
    text-align: center
}

.m-nicon .list-item.active {
    color: #1aa866
}

.m-nicon .list-item.active a {
    color: #1aa866
}

.m-nicon .item-icon {
    display: block;
    font-size: 0;
    line-height: 0
}

.m-nicon .item-title {
    margin-top: 17px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Microsoft YaHei";
    text-overflow: ellipsis;
    color: #000;
    white-space: nowrap
}

.m-nicon .item-info {
    margin-top: 0;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #595757;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-nicon .item-icon img {
    width: 78px;
    height: 78px
}

@media screen and (max-width:991px) {
    .m-nicon {
        margin-bottom: 30px
    }

    .m-nicon .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-nicon .item-desc {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.m-projicon .list-item {
    float: left;
    margin: 0 1%;
    width: 18%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:480px) {
    .m-projicon .box-list {
        margin-bottom: -25px
    }

    .m-projicon .list-item {
        margin-bottom: 25px;
        width: 48%
    }
}

.m-proicon {
    position: relative;
    padding-bottom: 45px
}

.m-proicon .box-list {
    width: 1000%
}

.m-proicon .list-item {
    float: left;
    padding: 0 10px;
    width: 1.66%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-proicon .box-btn {
    position: absolute;
    bottom: 0;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #333;
    text-align: center
}

.m-proicon .box-btn:hover {
    background-color: #1aa866
}

.m-proicon .box-btn.prev {
    right: 50%;
    margin-right: 15px
}

.m-proicon .box-btn.next {
    left: 50%;
    margin-left: 15px
}

@media screen and (max-width:1219px) {
    .m-proicon .item-title {
        font-size: 14px;
        font-size: 1.4rem
    }

    .m-proicon .item-desc {
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media screen and (max-width:1219px) {
    .m-proicon .list-item {
        width: 2.5%
    }
}

@media screen and (max-width:640px) {
    .m-proicon .list-item {
        width: 3.3%
    }
}

@media screen and (max-width:414px) {
    .m-proicon .list-item {
        width: 5%
    }
}

.m-videoicon .box-list {
    font-size: 0;
    letter-spacing: 0;
    text-align: center
}

.m-videoicon .list-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:480px) {
    .m-videoicon .box-list {
        margin-bottom: -25px
    }

    .m-videoicon .list-item {
        margin-bottom: 25px;
        width: 48%
    }
}

.m-prosbnav {
    margin-bottom: 40px;
    min-height: 100px
}

.m-prosbnav .box-wp {
    position: relative;
    padding-left: 120px;
    padding-right: 50px;
    background: url(../images/nbd1.png) repeat-x left bottom
}

.m-prosbnav .box-wp .umsd {
    margin-right: 0;
    position: absolute;
    left: 60px
}

.m-prosbnav .box-list {
    width: 10000%;
    overflow: hidden
}

.m-prosbnav .list-item {
    float: left;
    margin-right: 42px
}

.m-prosbnav .item-title {
    position: relative;
    padding-bottom: 14px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Microsoft YaHei", "PingFang Regular";
    color: #595757;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-prosbnav .umsd .item-title {
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-size: 2rem
}

@media screen and (max-width:992px) {
    .m-prosbnav {
        min-height: 10px;
    }
}

.m-prosbnav .item-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms
}

.m-prosbnav .item-title:hover {
    color: #1aa866
}

.m-prosbnav #znb a {
    color: #1aa866 !important
}

.m-prosbnav .item-title:hover:before {
    background-color: #1aa866
}

.m-prosbnav #znb:before {
    background-color: #1aa866 !important
}

.m-prosbnav .item-title.active {
    color: #1aa866
}

.m-prosbnav .item-title.active:before {
    background-color: #1aa866
}

.m-prosbnav .box-btn {
    position: absolute;
    top: 0;
    width: 26px;
    line-height: 26px;
    background-color: #1aa866;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center
}

.m-prosbnav .box-btn.prev {
    left: 0
}

.m-prosbnav .box-btn.next {
    right: 0
}

.m-prosbnav .box-btn:hover {
    background-color: #333
}

.m-hsbnav {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    width: 100%;
    -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%);
    box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%)
}

.m-hsbnav .box-wp {
    height: 381px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.m-hsbnav .sbnav-wp {
    position: relative;
    padding-top: 21px;
    padding-bottom: 17px;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.m-hsbnav .sbnav-list1 {
    float: left;
    margin-bottom: 27px;
    padding: 0 10px;
    width: 16.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m-hsbnav .sbnav-img {
    float: left;
    padding-top: 26px;
    width: 20%;
    margin-right: 3.53333%;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.m-hsbnav .sbnav-list1>a {
    margin-bottom: 12px;
    display: block;
    font-size: 17px;
    font-weight: 700;
    font-size: 1.7rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-hsbnav .sbnav-list1>a:hover {
    color: #1aa866
}

.m-hsbnav .sbnav-list3 {
    float: right;
    padding-right: 20px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-hsbnav .sbnav-list3>a {
    margin-bottom: 12px;
    display: block;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    font-family: "Microsoft YaHei";
    color: #595757
}

.m-hsbnav .sbnav-list3>a:hover {
    color: #1aa866
}

.m-hsbnav .sbnav-item2 {
    line-height: 26px;
    font-size: 1.6rem;
    font-family: "Microsoft YaHei", "PingFang Regular";
    color: #595757
}

.m-hsbnav .sbnav-item2 a {
    color: #595757;
    font-weight: 400
}

.m-hsbnav .sbnav-item2 a:hover {
    color: #1aa866
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1567147187575);
    src: url(iconfont.eot?t=1567147187575#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(iconfont.woff?t=1567147187575) format('woff'), url(iconfont.ttf?t=1567147187575) format('truetype'), url(iconfont.svg?t=1567147187575#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconflag {
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: -.18em;
    fill: currentColor;
    overflow: hidden
}

.icon-home:before {
    content: "\e624"
}

.icon-fanhui1:before {
    content: "\e609"
}

.icon-0601bianji:before {
    content: "\e611"
}

.icon-web3:before {
    content: "\e6fd"
}

.icon-bigger1:before {
    content: "\e647"
}

.icon-left7:before {
    content: "\e724"
}

.icon-right7:before {
    content: "\e725"
}

.icon-left9:before {
    content: "\e72c"
}

.icon-right9:before {
    content: "\e72d"
}

.icon-up10:before {
    content: "\e72e"
}

.icon-bottom10:before {
    content: "\e72f"
}

.icon-left10:before {
    content: "\e730"
}

.icon-right10:before {
    content: "\e731"
}

.icon-up14:before {
    content: "\e73e"
}

.icon-bottom14:before {
    content: "\e73f"
}

.icon-left16:before {
    content: "\e748"
}

.icon-right16:before {
    content: "\e749"
}

.icon-up18:before {
    content: "\e74e"
}

.icon-download1:before {
    content: "\e7a0"
}

.icon-download8:before {
    content: "\e7a7"
}

.icon-search4:before {
    content: "\e7b2"
}

.icon-address:before {
    content: "\e7bc"
}

.icon-email:before {
    content: "\e7bd"
}

.icon-contact:before {
    content: "\e7be"
}

.icon-whatsapp:before {
    content: "\e7bf"
}

.icon-fax:before {
    content: "\e7c2"
}

.icon-mobile:before {
    content: "\e7c6"
}

.icon-phone:before {
    content: "\e7c8"
}

.icon-tel:before {
    content: "\e7c7"
}

.icon-phone1:before {
    content: "\e7cb"
}

.icon-skype:before {
    content: "\e7cc"
}

.icon-whatsapp1:before {
    content: "\e7c1"
}

.icon-address1:before {
    content: "\e7c3"
}

.icon-contact1:before {
    content: "\e7c4"
}

.icon-email1:before {
    content: "\e7c5"
}

.icon-skype1:before {
    content: "\e7c9"
}

.icon-fax1:before {
    content: "\e7ca"
}

.icon-qq:before {
    content: "\e7ce"
}

.icon-tel1:before {
    content: "\e7cd"
}

.icon-wechat:before {
    content: "\e7cf"
}

.icon-phone2:before {
    content: "\e7d0"
}

.icon-delete1:before {
    content: "\e7d4"
}

.icon-message:before {
    content: "\e7da"
}

.icon-calendar3:before {
    content: "\e7e1"
}

.icon-calendar5:before {
    content: "\e7e3"
}

.icon-top10:before {
    content: "\e7ed"
}

.m-page a.no:hover {
    color: #000 !important
}

.item-btns a.no:hover {
    color: #333 !important;
    background-color: #e5e5e5 !important
}

.ppp {
    line-height: 30px
}

.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important
}

.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important
}

.listcart {
    width: 100%;
    margin-bottom: 40px
}

.listcart a {
    display: inline-block;
    height: 32px;
    width: 180px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    color: #036887;
    cursor: pointer;
    border: 1px solid #036887;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 10px
}

.xunpanc {
    margin-top: 20px
}

.m-mloading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: url(../images/loading.gif) no-repeat center;
    background-color: rgba(0, 0, 0, .2);
    display: none
}

.m-prodesc {
    font-family: "Microsoft YaHei", "PingFang Regular"
}

.nav-item a:hover {
    text-decoration: none
}

.m-hsbnav .sbnav-list1>a {
    margin-bottom: 12px;
    display: block;
    font-size: 1.7rem;
    color: #595757
}

.line {
    color: #d5d5d5
}

.lang {
    right: 5rem;
    top: 10%
}

.lang a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px
}

.g-hd .g-hd-top {
    background-color: #fff;
    line-height: 32px;
    padding: 3px 0
}

.g-hd .g-hd-top a,
.item-desc a {
    position: relative
}

.g-hd .g-hd-top a .top-wx,
.item-desc a .top-wx {
    display: none;
    position: absolute;
    top: 30px;
    left: -15px;
    width: 160px;
    z-index: 999999
}

.g-hd .g-hd-top a:hover .top-wx,
.item-desc a:hover .top-wx {
    display: block
}

@media screen and (max-width:1219px) {
    .g-hd .g-hd-top {
        font-size: 1rem
    }
}

@media screen and (max-width:991px) {
    .g-hd-top {
        display: none
    }
}

.g-hd .f-box {
    position: relative
}

#ewm {
    display: none;
    position: fixed;
    width: 100%
}

#vx {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 9999
}

#vx img {
    margin-bottom: -5px
}

#vx .drop {
    position: absolute;
    width: 160px;
    left: 50%;
    margin-left: -105px;
    top: 32px;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    display: none;
    -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%);
    box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%)
}

#vx .drop ul li {
    padding: 0;
    float: left;
    width: 50%;
}

#vx .drop img {
    width: 15px;
    height: auto
}

#vx:hover .drop {
    display: block
}

.slide .slideItem {
    position: relative
}

.slide .shade {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    z-index: 50;
    text-align: center;
    margin-top: -170px
}

.slide .tit {
    font-size: 60px;
    color: #1aa866;
    line-height: 104px;
    text-shadow: 0 -7px 5px rgba(0, 0, 0, .75)
}

.slide .btns {
    margin-top: 60px
}

.slide .lk {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    width: 130px;
    line-height: 44px;
    background: #1aa866;
    margin: 0 10px;
    border-radius: 22px
}

.slide .lk:hover {
    background: #014b7d
}

@media screen and (max-width:991px) {
    .lang {
        display: none;
        right: 0;
        top: 15px;
        right: 0;
        width: 100%;
        text-align: center
    }

    #vx .drop {
        width: 80px;
        padding: 3px;
        margin-left: -45px
    }

    #vx .drop:before {
        border-width: 0 4px 6px 4px;
        top: -6px;
        margin-left: -2px
    }

    .g-hd .f-box {
        padding-right: 0
    }

    .m-hdlogo {
        margin: 0 auto 0;
        display: block;
        padding-left: 0
    }

    .m-hdlogo img {
        width: auto;
        max-width: auto;
        height: 30px
    }

    .wap-nav .menubtn {
        top: 20px
    }

    .slide .btns {
        margin-top: 10px;
        padding: 0 8%
    }

    .slide .shade {
        margin-top: -60px
    }

    .slide .tit {
        font-size: 16px;
        line-height: 22px
    }

    .slide .tit2 {
        font-size: 14px;
        line-height: 22px
    }

    .slide .lk {
        width: 28.3%;
        font-size: 12px;
        line-height: 26px;
        margin: 0 2.5% 5px
    }

    .banner .dotList {
        bottom: 8px
    }

    .banner .dotList ul li {
        width: 10px;
        height: 10px;
        margin: 0 3px
    }
}

.tit2 {
    font-size: 40px;
    color: #fff
}

.tg_pages {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center
}

.tg_pages li {
    display: inline;
    line-height: 22px
}

.tg_pages li a {
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    background-color: none
}

.thisclass {
    font-weight: 700;
    color: #c00
}

.right_con {
    border: 1px solid #e5e5e5;
    width: 260px;
    margin-bottom: 15px;
    float: left
}

.right_con_top {
    background: url(/images/right_con.png) center no-repeat;
    width: 260px;
    height: 125px;
    color: #fff
}

.coolbg {
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 700;
    background-color: #104bec;
    border: none;
    height: 33px;
    line-height: 33px;
    color: #fff;
    width: 200px;
    margin: 0 auto;
    border-radius: 4px
}

.my_sub {
    text-align: center;
    margin-top: 10px;
    border: none !important
}

.intxt {
    height: 27px;
    line-height: 27px;
    border: none;
    width: 165px
}

.right_form {
    margin: 10px
}

.right_form ul li {
    margin-top: 10px;
    border: 1px solid #e9e9e9
}

.right_con_top h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 10px 0 0
}

.right_form ul li span {
    display: inline-block;
    height: 22px;
    padding-left: 33px;
    border-right: 1px solid #e9e9e9
}

.form_name {
    background: url(/images/bg_user.jpg) 9px 0 no-repeat
}

.form_tel {
    background: url(/images/bg_phone.jpg) 13px 0 no-repeat
}

.bg-color,
.bg-color-a a,
.bg-color-a a:hover,
.bg-color-after::after,
.bg-color-before::before,
.bg-color-hover-after:hover::after,
.bg-color-hover-before:hover::before,
.bg-color-hover:hover,
.btn-primary,
.btn-primary:hover {
    background-color: #404040 !important
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.prompt_language {
    padding: 15px;
    background-color: #f2f2f2;
    margin-bottom: 15px;
    overflow: hidden
}

#backTop_click {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: rgba(122, 122, 122, .4) 0 0 15px;
    z-index: 44;
    transition: .2s;
    opacity: .8
}

#backTop_click:hover {
    box-shadow: rgba(122, 122, 122, .3) 0 2px 6px;
    opacity: 1
}

#backTop_click:active {
    box-shadow: rgba(122, 122, 122, .6) inset 0 2px 8px
}

#backTop_click .iconfont {
    font-size: 25px
}

@media (max-width:1026px) {
    #backTop_click {
        width: 40px;
        height: 40px;
        bottom: 60px;
        line-height: 40px;
        opacity: 1;
        box-shadow: rgba(122, 122, 122, .4) 0 0 15px !important;
        display: none
    }

    #backTop_click .iconfont {
        font-size: 22px
    }
}

body.body_color_bgs.body_pages_products-detail a.keyword_link {
    display: inline !important;
    color: #0cbcff !important;
    text-decoration: none !important
}

.chat_online_box {
    position: fixed;
    right: 6px;
    bottom: 80px;
    z-index: 44;
    display: block;
    cursor: pointer
}

.chat_online_box2 {
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    position: fixed;
    right: 6px;
    bottom: 100px;
    z-index: 99999;
    display: none;
    background: #fff;
    height: 400px;
    width: 400px
}

.chat_online_box .btns_box {
    background: red;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.chat_online_box2 .iframe_conceal {
    z-index: 10;
    position: absolute;
    top: 16px;
    right: 20px;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 0 4px rgba(255, 255, 255, .8)
}

@media (max-width:1026px) {
    .chat_online_box {
        bottom: 110px;
        display: none !important
    }

    .chat_online_box .btns_box {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .chat_online_box2 {
        width: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: auto
    }
}

.chat_online_box_form {
    position: fixed;
    width: 400px;
    right: 6px;
    bottom: 20px;
    z-index: 999999999999;
    background-color: #fff;
    color: #666;
    display: none;
    -webkit-box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%);
    box-shadow: -5px 5px 10px -4px rgb(0 0 0 / 50%), 5px 5px 10px -4px rgb(0 0 0 / 50%)
}

.chat_online_box_form .iframe_conceal {
    position: absolute;
    z-index: 999999999999999999999;
    top: 15px;
    right: 20px;
    font-size: 20px;
    font-weight: 700;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
    color: #fff
}

.chat_online_box_form .mqChat-head {
    position: relative;
    color: #fff;
    font-size: 18px;
    padding-left: 7px
}

.chat_online_box_form .span {
    padding: 10px;
    display: inline-block
}

.chat_online_box_form .form {
    padding: 20px 15px
}

.chat_online_box_form .form label {
    margin: 0;
    font-size: 14px
}

.chat_online_box_form .form label .red {
    font-style: normal;
    color: red
}

.chat_online_box_form .form-control {
    border: 1px solid #e7eef5
}

.chat_online_box_form .btn-default {
    border-color: #e7eef5;
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid #e7eef5;
    border-radius: 4px;
    background-color: #fff;
    width: 100%
}

.chat_online_box_form .form .form-control {
    width: 96%;
    height: 34px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0
}

.chat_online_box_form .form textarea.form-control {
    resize: none;
    height: auto
}

.chat_online_box_form .form-group {
    position: relative;
    margin-bottom: 20px
}

.chat_online_box_form .form-group .required_tips {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 12px;
    color: red;
    display: none
}

.chat_online_box_form .form-group.errors .form-control {
    border-color: red;
    color: red
}

.chat_online_box_form .form-group.errors .required_tips {
    display: block
}

@media (max-width:1026px) {
    .chat_online_box_form {
        width: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto
    }
}

.chat_prompt_box_s {
    position: fixed;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    color: #fff;
    top: 40%;
    padding: 10px 20px;
    border-radius: 4px;
    font-family: inherit;
    z-index: 9999999;
    background: #007eff;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08);
    animation: chat_prompt_box_s_dong 5s linear;
    opacity: 0;
    pointer-events: none
}

.chat_prompt_box_s.success {
    background: #007eff
}

.chat_prompt_box_s.error {
    background: red
}

.chat_prompt_box_s.warning {
    background: #ffa000
}

.chat_prompt_box_s.tran_hid {
    transition: 5s;
    margin-top: -100px;
    opacity: 0
}

@keyframes chat_prompt_box_s_dong {
    0% {
        opacity: 0;
        margin-top: 0
    }

    6% {
        opacity: 1;
        margin-top: 0
    }

    50% {
        opacity: 1;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: -100px
    }
}

.tag {
    font-size: .1rem;
    color: #aaa;
    padding: .5rem
}

.kfboxs {
    padding: 2rem;
    background: #fff;
    position: fixed;
    margin: auto;
    right: 25%;
    top: 35%;
    text-align: center;
    width: 50%;
    max-width: 360px;
    line-height: 20PX;
    height: 24rem;
    z-index: 999;
    display: none;
    FONT-SIZE: 2rem;
    -webkit-box-shadow: 0 1px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 30%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

#weixin {
    height: 28rem
}

.kfboxs .telbottom {
    background-color: #f9f9c9;
    margin-top: 2rem
}

.kfboxs .zhijietel {
    display: block;
    padding: 0.5rem 0;
    font-size: 2rem
}

@media screen and (min-width:1200px) {
    .kfboxs {
        width: 360px;
        right: 50%;
        margin-right: -250px
    }
}

@media screen and (min-width:991px) {
    .tanchuangtiajiatxt {
        display: none
    }
}

@media screen and (max-width:450px) {
    .kfboxs {
        right: 20%
    }
}

.kfboxs .clos {
    width: 30PX;
    height: 30PX;
    cursor: pointer;
    float: right;
    MARGIN-TOP: -15PX;
    margin-right: -15px
}

.kfboxs h2 {
    font-size: 3rem;
    margin: 0
}

.kfboxs .btn.btn-default {
    background: #0083fe;
    color: #fff;
    width: 100%;
    margin: auto;
    display: block;
    line-height: 200%
}

.kfboxs .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.kfboxs input,
.kfboxs input::-webkit-input-placeholder,
.kfboxs select,
.kfboxs textarea,
.kfboxs textarea::-webkit-input-placeholder {
    font-size: 1.8rem;
    COLOR: #333;
    PADDING: 10px 0PX;
    BORDER: 1PX SOLID #dcdcdc;
    margin: 10px 0;
    width: 100%;
    text-indent: 2pt
}

@media screen and (max-width:991px) {
    .kfboxs {
        right: 1%;
        top: 20%;
        margin-left: -5%;
        width: 90%
    }
}